Askalite, Всё в канвасе.

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

Мерцание наверно из-за того что ты в обоих функциях делаешь очистку канваса. Тебе нужно вынести очистку перед тем как ты вызываешь отрисовку своих компонентов, вызывая в начале каждого кадра ее, а не в начале каждой функции (вероятно)

Суть в том что эти функции работают отдельно.
и когда запускается функция game();
то начинает мерцать функция menu();
хотя она не работает.. логически не укладывается в голове

setTimeout("menu()", 30) никаких ошибок не выкидывает?
Сеттаймаут принимает функцию а не строку если чво.

Кальцид, А вот в AGK Basic можно тоже самое написать, но на много строчек меньше и легче. Чистый js canvas топорный, и для простых игр или даже сложнее лучше использовать что нибудь типа AGK. А ещё там лёгкая сборка сразу на ПК, Андроид и прочее. И не надо скачивать андроид студио

Кальцид, вместо сеттаймаута используй реквестанииейшнфрейм https://developer.mozilla.org/...equestAnimationFrame
И как сказал рысь, было бы лучше вынести очистку экрана в рендерлуп

Кальцид, рассинхронизация: setTimeout("process()", 30) для синхронизации можно также использовать requestAnimationFrame, но увеличится инпут лаг.

Перенëс один setTimeout в другую функцию. И мерцания пропали. Теперь работает как нужно.

Кальцид, круто. Но реквестанииейшнфрейм все равно нужен