Second part of the client update loop

updateLoop2.js

// A single step of the client update loop (a frame)
function updateLoopStep() {
  // Step 1: Clear canvas
  pongR.canvasContext.clearRect(0, 0, pongR.settings.viewport.width, pongR.settings.viewport.height);
  // Step 2: Handle user inputs (update internal model)
  var playerInput = handleClientInputs(pongR.me);
  if (playerInput !== null) {
      // Step 3: Send the just processed input batch to the server.
      sendInput(pongR.game.gameId, pongR.me.user.connectionId, playerInput);
  }

  if (!pongR.settings.naive_approach) {
      interpolateClientMovements(pongR.other);
  }

  // Step 3: Draw the new frame in the canvas
  drawScene();
};