Handling player-move actions by using a queue 🚀

noInternetProject-playerMove.js

let actionsQueue = [];

document.addEventListener('keydown', function (e) {
  if(37 <= e.keyCode && e.keyCode <= 40) {
    //Store only arrow keys
    actionsQueue.push(e.keyCode);
  }
});

// ...

function paint() {
  // ...
  
  let userAction = actionsQueue.shift();
  if(userAction !== undefined) {
    // If the user hasn't been pressing anything for a while, the queue might be empty
    movePlayer(userAction);
  }
  
  // ...
}

/** Utility Functions */
// ...

function movePlayer() {
  // ...
}

// ...