Запуск функции бесконечное время

Question

Я пытаюсь создать движок видеоигр, который должен запускать функцию render как цикл. Когда эта функция закончена, я хочу, чтобы запустить его снова, и снова, и снова ... Но когда я пытаюсь это:

function render() { 
    // some code here which takes ~ 0.00015 second to run 
} 

while(1) { render(); } 

Браузер замораживания в течение нескольких секунд. Так что я попробовал другой путь:

function render() { 
    // some code here which takes ~ 0.00015 second to run 
} 

setTimeout(render); 
// I've tried also 
setTimeout(render, 1); 

Также:

function render() { 
    // some code here which takes ~ 0.00015 second to run 

    setTimeout(render); 
    // OR 
    setTimeout(render, 1); 
} 

Но запускает функцию только ~ 500 раз на секунду, я хочу, чтобы запустить его ~ 5000 раз. Это возможно, если я посмотрю время работы (0.00015 секунды), но я не могу найти способ сделать это.

У кого-нибудь есть идеи?

Answer 1

То, что вы хотите сделать, это использовать window.requestAnimationFrame таким образом:

function render() { 
    window.requestAnimationFrame(render); 
} 

window.requestAnimationFrame(render); 

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