缓出立方 - 函数参数说明

Question

15

在这个伟大的网页上，我发现了一些缓动算法，可以为我的网页添加漂亮的视觉效果。

尽管有关函数参数的简短提及（如下所示），但该算法的行为并不符合我的期望。我能否请求解释下面提到的函数参数应输入哪些值/范围？

参数列表：

- t：当前时间 - 这里应该是值0...1，还是当前帧的实际数字？ - b：起始值 - 我假设是移动对象的起始X或Y坐标 - c：值的变化量 - 对于所有帧，是否可以始终使用数字1？ - d：持续时间 - 总共的帧数？

这些值应该逐步添加到从函数获得的最后一个值中，还是应该添加到初始0位置？

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

- Bunkai.Satori

1

这个链接非常详细地解释了我的问题：http://upshots.org/actionscript/jsas-understanding-easing - Bunkai.Satori

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- kirilloid · Accepted Answer

您说得对，d代表持续时间，t代表当前时间。因此，t的取值应在0到d之间。 c是总变化量，应等于结束值减去开始值。

该函数对于任何帧速率都相同，您可以自行决定更新位置的频率并调用该函数。