您的位置:首页 > 运维架构

[GIF] GIF Loop Coder - Interpolation

2016-07-22 15:39 686 查看
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
})
}


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: