javascript - Ease Out Cubic - 函数参数说明

Question

关于这个伟大的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 位置？

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 都是相同的，这取决于您更新位置和调用函数的频率。