requestAnimationFrame Частота обновления

Question

Я использую requestAnimationFrame для привлечения игроков в свою игру. Один из игроков движется быстрее всех. Я проверил его, и он сказал мне, что его монитор имеет частоту обновления 120 Гц. Я предполагаю, что это означает, что он может обрабатывать кадры быстрее других, что приводит к более быстрой скорости движения. Любые идеи относительно того, как я могу обойти это?

Благодаря

Прокладка слой, используемый ниже:

// shim layer with setTimeout fallback 
window.requestAnimFrame = (function(){ 
    return window.requestAnimationFrame  || 
      window.webkitRequestAnimationFrame || 
      window.mozRequestAnimationFrame || 
      window.oRequestAnimationFrame  || 
      window.msRequestAnimationFrame  || 
      function(/* function */ callback, /* DOMElement */ element){ 
      window.setTimeout(callback, 1000/60); 
      }; 
})(); 

Answer 1

Там нет гарантированного фреймрейт. Тем не менее, вы можете принудительно приблизить частоту кадров, используя простой таймер: How to solve different FPS in requestAnimationFrame on different browsers?

Answer 2

requestAnimationFrame не имеет гарантированной скорости. Он мог срабатывать при 2 Гц, если захочет.

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

Answer 3

Подумайте о requestAnimationFrame как возможность обновить/перерисовать. Вы должны по-прежнему основывать процесс обновления на сколько времени прошло.

Например, если игрок может двигаться 100px в 1 секунду и RAF стреляет каждые .1 секунд нужно обновить 10px каждый раз