TWEEN.js TWEEN.update（time）not behavioral as documented

Question

因此，當我讀here時，TWEEN.update（＃）應該在＃右邊渲染動畫的框架？所以如果我運行TWEEN.update（100），我應該在每次運行TWEEN.update（100）時將幀設置爲100。

我遇到的問題是，這個更新函數似乎每次運行它時都會顯示爲100更早和更早。因此，第一次在100處動畫的框架看起來是正確的，但是如果我再次運行它，它看起來就像它在60幀附近的某處，下一次它看起來像它的20左右等等，直到動畫元素坐落在補間，等待一段時間，隨着長度的增加，運行環境的時間越長。

有沒有人碰到過這個？我使用的是不直接依賴於時間IRL通過的變量，所以我的動畫功能看起來是這樣的：一個處理改變這種變速

animate(){ 
timeStep += variableControllingSpeed; 
TWEEN.update(timeStep); 
} 

我有UI。

任何想法？

Answer 1

已修復，如果您使用.update（＃）手動設置動畫幀，請確保將參數傳遞到您的單個補間的.start（）函數中。否則，補間的已用變量變爲負值。

在我的情況下，我每次切換我想要運行的補間組時，都會啓動補間，所以當您運行.start（）函數時，它會使用您傳遞的開始值或抓取窗口。 .now（），所以它運行的時間越長，window.performance.now（）和我開始tween鏈的值之間的差距就越大。