creating_gif_animations.md

Creating GIF Animations

In addition to JpegEncoder, there are other encoders. For example, GifEncoder helps us create GIF animations.

In the following example, we use resize.jpg and huerotate to create four images. Then we combine these images and create a GIF animation.

To create a GIF animation, we need to put each image into a Frame.

let frame = Frame::from_parts(img.into(), 0, 0, delay);

where delay controls how long the frame will last.

The complete code is presented below:

use image::{codecs::gif::GifEncoder, Delay, Frame};
use std::fs::File;

fn main() {
    let mut file = File::create("animation.gif").unwrap();
    let mut encoder = GifEncoder::new(&mut file);
    
    let img = image::open("resize.jpg").unwrap();
    let mut frames = vec![];
    let delay = Delay::from_numer_denom_ms(500, 1);
    
    let frame = Frame::from_parts(img.clone().into(), 0, 0, delay.clone());
    frames.push(frame);
    
    let img_90 = img.huerotate(90);
    let frame = Frame::from_parts(img_90.into(), 0, 0, delay.clone());
    frames.push(frame);
    
    let img_180 = img.huerotate(180);
    let frame = Frame::from_parts(img_180.into(), 0, 0, delay.clone());
    frames.push(frame);
    
    let img_270 = img.huerotate(270);
    let frame = Frame::from_parts(img_270.into(), 0, 0, delay.clone());
    frames.push(frame);
    
    encoder.encode_frames(frames).unwrap();
}

In the example, we set all delays to 500 ms.

animation.gif:

(Click the image to see the animation.)

➡️ Next: Setting Up For imageproc

📘 Back: Table of contents