[GIF] GIF Loop Coder - Animating with Arrays

In this lesson, we discuss animating using arrays, and how different data types are interpolated while animating.

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:width/2,
        y:height/2,
        radius:[100, 150],
        fillStyle: ["green", "yellow"],
        stroke: true,
        strokeStyle: ["yellow", "red"],
        lineWidth: [12, 20]
    });*/

    list.addRect({
        x:width/,
        y:height/,
        w: [,],
        h: [,],
        fillStyle: ["rgba(120,5,140,0.8)", "#564121"],
        stroke: [false,true],
          lineWidth:
    });

    list.addText({
        text: ["world", "Hello"]
    });

    list.addPath({
        path: [
            [,, ,, ,, ,],
            [,, ,, ,, ,],
        ]
    });
}

If you want smooth animation, the array can only have two params at this point, if you add more, then it looks like this:

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.addPoly({
        x:width/,
        y:height/,
        radius: ,
        sides: ,
        fillStyle: ["red","green", "blue"]
    })
}