JavaScript Game Loop

code.js

// based on https://www.gafferongames.com/post/fix_your_timestep/

const TARGET_FPS = 60
const dt = 1/TARGET_FPS
let _accumulated = 0
let _lastFrameTime = performance.now()

/**
 * @param {number} now
 */
function gameLoop (now) {
  let ticks = 0,
      frameTime = (now - _lastFrameTime) / 1000,
      frameTimeMax = dt * 5

  _lastFrameTime = now
  
  // prevent too long loops
  _accumulated += frameTime > frameTimeMax ? frameTimeMax : frameTime
  

  while (_accumulated >= dt) {
      ticks++
      // update your game logic here



      // end of update
      _accumulated -= dt
  }

  if (ticks > 0) {
      // draw your scene here
  }

  requestAnimationFrame(gameLoop)
}

requestAnimationFrame(gameLoop)

Demo: https://jsbin.com/jumuwiyuda/edit?js,output