получить плавную анимацию для холста

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

Я пробовал много способов и до сих пор не могу найти правильный способ сделать игру, чтобы отображать лучшую анимацию.

Вот что я попробовал:

var now;
var then = Date.now();
var delta;

window.gamedraw = function(){

   now = Date.now();
   delta = now - then;

   if(delta > 18){
        then = now - (delta % 18);
        game_update();
   }

}

window.gameloop = setInterval(window.gamedraw,1);

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

Я предполагаю, что значение интервала является проблемой, потому что, если интервал меньше, то анимация игры очень быстрая, если это значение равно 18, то анимация игры хорошая, но не когда браузер занят, и я не знаю, как изменить его динамически ,

Ответы на вопрос(3)

Ваш ответ на вопрос