[GIF] GIF Loop Coder - Interpolation

This video discusses the default interpolation in GIF Loop Coder, and four distinct ways to change that interpolation to add variety to your animations.

 

Set Mode:

glc.setMode('single');
//or
glc.setMode('bounce');

 

Set Easing: 

glc.setEasing(false); //true

 

speedMult: Speed up the animation by number

phase: Delay the start animation by number

function onGLC(glc) {
    glc.loop();
//     glc.size(400, 400);
//     glc.setDuration(5);
//     glc.setFPS(20);
//     glc.setMode('single');
//     glc.setEasing(false);
    var list = glc.renderList,
        width = glc.w,
        height = glc.h,
        color = glc.color;

    // your code goes here:
    
    list.addCircle({
        x: [50, 350],
        y: height * 0.25,
        radius: 20,
        speedMult: 2,  // speed up
        phase: 2, // delay starting
    })
    
    list.addCircle({
        x: [50, 350],
        y: height * 0.5,
        radius: 20,
        phase: 0.666
    })
        
    list.addCircle({
        x: [50, 350],
        y: height * 0.75,
        radius: 20
    })
}