緩解立方 - 函數參數解釋

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一樣，這取決於你如何經常更新的位置和調用函數。