緩解立方 - 函數參數解釋

Question

在這個偉大的網頁上，我找到了一個緩動算法列表，可以為我的網頁增添不錯的視覺吸引力。

盡管如此，我發現在那里簡要提到了函數參數（見下文），算法的行為並不像我希望的那樣。 我可以請求解釋在下面提到的函數的參數中應該輸入什么值/范圍？

參數列表：

• t：當前時間 - 這里應該是值0 ... 1還是當前幀的實數？
• b：起始值 - 我假設，正在移動的對象的起始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，功能都是相同的，這取決於你更新位置和調用函數的頻率。