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"]
})
}