HTML5畫布動畫有偶然的抖動/猶豫/口吃

Question

在Firefox 11中，我在使用HTML5的畫布和平移的某些基本動畫中偶爾會出現抖動/猶豫/口吃。

請看下面的例子... http://jsfiddle.net/ACRdx/

在例如上面的配置似乎在運動的指定速率提供流暢的動畫，偶爾口吃的例外，當然。

有沒有人有任何想法可能會導致此行爲？

在類似帖子中提供的建議似乎沒有幫助，並且自2011年6月以來尚未更新。此外，示例鏈接現在已損壞。請參閱...

Is there a solution for HTML5 canvas animation stutter?

Answer 1

儘量減少你的FPS。可能是由於某種原因瀏覽器運行困難。我搞砸了你的代碼，也可能是你的imageMoveXDelta太小了。我把它撞到0.2，對我來說運行起來非常順利。除此之外，你應該嘗試考慮它在完成之前運行多少個總幀以獲得良好的混合。