Skip to content Skip to sidebar Skip to footer

Html5 Canvas Animation Has Occasional Jitter / Hesitation / Stutter

In Firefox 11, I am experiencing an occasional jitter / hesitation / stutter in some basic animation using HTML5's canvas and translate. Please see the following example... http://

Solution 1:

Try cutting down your FPS. Could be that the browser for some reason has a hard time running. I messed with your code, it may also be that your imageMoveXDelta is too small. I bumped it up to 0.2, and it ran pretty smooth to me. Other than that, you should try to think of that as how many total frames its running before its done in order to get a good mixture.


Post a Comment for "Html5 Canvas Animation Has Occasional Jitter / Hesitation / Stutter"