HTML5 Мерцающий Javascript

Question

Я работаю над основной игрой в javascript. Я не использую jQuery. Дело в том, что у меня проблемы с избавлением от мерцания. Я заметил, что это происходит из-за команды очистки холста. Я прочитал много предложений, которые рекомендовали своего рода двойную буферизацию, такую ​​как наличие холста буфера, на котором я должен рисовать, который невидим, и другой холст, который видим, и весь контент копируется из буфера. Однако я сомневаюсь, что даже если бы я реализовал это, у меня все еще было бы мерцание, поскольку я все еще должен очистить видимый холст.

Последний вопрос: как лучше всего избавиться от мерцания в моем коде? Спасибо за вашу помощь.

это пример моего кода:

http://edumax.org.ro/extra/new/Scratch.html

Answer 1

В вашем методе draw() вы вызываете loadImages(), поэтому загрузка изображений происходит каждый раз, когда вы перерисовываете, то есть каждый раз, когда яблоко движется, отсюда и мерцание.

Просто установите несколько точек останова в вашем методе рисования, и все станет довольно ясно.

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