HTML5 Canvas-Animation hat gelegentlichen Jitter/Zögern/Stutter

Question

In Firefox 11 erlebe ich gelegentlich Jitter/Zögern/Stottern in einigen grundlegenden Animationen mit HTML5-Canvas und übersetzen.

Bitte sehen Sie das folgende Beispiel ... http://jsfiddle.net/ACRdx/

Die Konfiguration im Beispiel oben schienen die glatte Animation an der angegebenen Geschwindigkeit der Bewegung zu schaffen, natürlich mit Ausnahme der gelegentlichen Stottern.

Hat jemand eine Idee, was dieses Verhalten verursachen könnte?

Vorschläge in einem ähnlichen Beitrag angeboten schien nicht zu helfen und es wurde seit Juni 2011 nicht aktualisiert. Auch die Beispiel Links sind jetzt gebrochen. Bitte sehen ...

Is there a solution for HTML5 canvas animation stutter?

Answer 1

Versuchen Sie, Ihre FPS Abholzen. Könnte sein, dass der Browser aus irgendeinem Grund eine harte Zeit hat. Ich habe mit deinem Code versaut, es kann auch sein, dass dein imageMoveXDelta zu klein ist. Ich hob es auf 0.2, und es lief ziemlich glatt zu mir. Abgesehen davon sollten Sie versuchen, daran zu denken, wie viele Frames insgesamt ausgeführt werden, bevor es fertig ist, um eine gute Mischung zu erhalten.