Анимация на холсте HTML5 иногда вызывает дрожание

Question

В Firefox 11 я иногда испытываю дрожание / нерешительность / заикание в какой-то базовой анимации, используя холст HTML5 и перевод.

Пожалуйста, посмотрите следующий пример ... http://jsfiddle.net/ACRdx/

Конфигурация в приведенном выше примере, казалось, обеспечивала плавную анимацию с заданной скоростью движения, конечно, за исключением случайного заикания.

Кто-нибудь знает, что может быть причиной такого поведения?

Предложения, предложенные в аналогичном посте, похоже, не помогли, и он не обновлялся с июня 2011 года. Также ссылки на примеры теперь не работают.Пожалуйста, смотрите ...

Есть ли решение для заикания анимации на холсте в HTML5?

Answer 1

Попробуйте сократить свой FPS. Может быть, браузеру по какой-то причине сложно работать. Я запутался в вашем коде, возможно, ваш imageMoveXDelta слишком маленький. Я поднял его до 0,2, и он прошел довольно гладко для меня. Кроме того, вы должны попытаться представить это как общее количество кадров, которое оно выполняет перед тем, как оно выполнено, чтобы получить хорошую смесь.