【发布时间】:2012-04-16 09:53:22
【问题描述】:
在这个很棒的web page 上,我发现了一个缓动算法列表,可以为我的网页添加漂亮的视觉吸引力。
尽管我发现那里简要提到了函数参数(见下文),但该算法的行为并不如我所愿。能否请我解释一下应该在下面提到的函数的参数中输入哪些值/范围?
参数列表:
- t: 当前时间 - 这里应该是值 0...1,还是当前帧的实数?
- b: 起始值 - 我假设,被移动对象的起始 X 或 Y 坐标
- c:值的变化 - 这里可以一直是所有帧的第 1 位吗?
- d: duration - 总共的帧数?
Math.easeOutCubic = function (t, b, c, d) {
t /= d;
t--;
return c*(t*t*t + 1) + b;
};
应该将这些值递增地添加到从函数获得的最后一个值,还是应该将它们添加到初始 0 位置?
【问题讨论】:
-
这个链接非常详细地解释了我的问题:upshots.org/actionscript/jsas-understanding-easing
标签: javascript algorithm math animation