Adding functionalities to the game

To add the user interface and the game's functionalities, we will be needing JavaScript. We will need the following JavaScript files in the scripts folder:

• app.main.js

• app.display_functions.js

• app.init.js

• app.key_handler.js

• app.movement_functions.js

• app.constants.js

The app.main.js file

Our app.main.js file should contain the following function that will deal with the app.key_handler.js file and your computer's keyboard. It will also call the app.init.js file for the initialization of our variables.

Note

Here we used app.main.js; You need not name your JavaScript file like this. But it is a good practice to maintain the naming convention.

The following code is the content of the app.main.js file:

(function () {
  "use strict";
  APP.Init();
  APP.timer = setInterval(APP.Show_World, 1000 / APP.GAME_FPS);
  window.addEventListener("keydown", APP.Keydown_Handler, false);
  APP.Reset = function () {
    APP.map.Init();
    APP.player.Init();
    APP.monsters...