[GIF] GIF Loop Coder Single Mode

We'll take a look at Single Mode animations and strategies for making this type of animation smoothly loop.

 

There are a number of ways to do this. One is to simply have the object start and end off the screen.

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:


    var parent = list.addCircle({
        x: [-50, 350],
        y: height / 2,
        radius: 40
    })
}

 

 

Second way to do is create Multi object which connect the start point and end point:

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:


    var c1 = list.addCircle({
        x: [50, 350],
        y: 150,
        radius: 40
    })
    
    var c2 = list.addCircle({
        x: [350, 150],
        y: [150, 350],
        radius: 40
    })
    
     var c3 = list.addCircle({
        x: [150, 50],
        y: [350, 150],
        radius: 40
    })
}