缓解立方 - 函数参数解释

Question

在这个伟大的web page我找到了一个缓动算法的列表，可以给我的网页添加很好的视觉吸引力。尽管如此，我发现了函数参数的简要提及（参见下文），算法并不像我所希望的那样工作。我可以请求解释什么值/范围应该被输入到下面提到的函数的参数中？

参数列表：

• T：当前时间 - 在这里应该值0〜1，或者当前帧的实数？
• B：起始值 - I假设，开始X或Y的对象的坐标被移动
• C：变化值 - 可以在这里是1号的所有对所有帧的时间？
• d：持续时间 - 总数的帧数？

 

Math.easeOutCubic = function (t, b, c, d) { 
    t /= d; 
    t--; 
    return c*(t*t*t + 1) + b; 
}; 

应的值来递增地添加到从所述函数而获得的最后一个值，或者它们应该被添加到所述初始位置0？

Answer 1

您是对的，d为持续时间，t为当前时间。因此，t应该从0到d。

c是一个总的变化，应该等于end value - start value。

• 为t = 0，我们有c*(-1 + 1) + b或b
• 对于t = d我们c*(0 + 1) + b或b + c

功能可以给任何FPS一样，这取决于你如何经常更新的位置和调用函数。