HTML5 Canvas动画偶尔出现抖动/犹豫/口吃

时间:2012-03-30 14:30:19

标签: html5 animation canvas

在Firefox 11中,我在使用HTML5的画布和翻译的一些基本动画中偶尔会出现抖动/犹豫/口吃。

请参阅以下示例... http://jsfiddle.net/ACRdx/

上面例子中的配置似乎以指定的移动速度提供最流畅的动画,当然除了偶尔的口吃之外。

有没有人知道可能导致此行为的原因是什么?

类似帖子中提出的建议似乎没有帮助,自2011年6月以来一直没有更新。此外,示例链接现已破坏。请看......

Is there a solution for HTML5 canvas animation stutter?

1 个答案:

答案 0 :(得分:1)

尝试减少你的FPS。可能因为某种原因浏览器运行起来很困难。我搞砸了你的代码,也可能是你的imageMoveXDelta太小了。我把它提高到0.2,它对我来说非常顺利。除此之外,您应该尝试将其视为在完成之前运行的总帧数,以便获得良好的混合。