HTML5 анимация на холсте

Question

Существуют ли другие способы анимации объекта, движущегося на холсте, без использования setInterval () или setTimeout ()?

Причина заключается в том, что при использовании useInterval () время отстает.Я понятия не имею, почему он также отстает.

Я попытался удалить setInerval (), и все в порядке, без задержки, но нет анимации.

Answer 1

Кто-нибудь знает, есть ли другие способы анимации объекта, движущегося на холсте, без использования setInterval () или setTimeout ().

Да. Существует также requestAnimationFrame , но не во всех браузерах.

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

Кроме того, убедитесь, что в вашем цикле отрисовки происходит так же мало. Это может быть ваша вина за отставание. Canvas довольно чувствителен к производительности, и вам нужно, чтобы он работал быстро.

Answer 2

Определите лаг, вы имеете в виду своего рода нервный?потому что, если так, то ваш заданный интервал неправильный, я анимировал множество холстов, используя эти два метода, и на самом деле другого пути нет.