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"; ...

Get JavaScript Projects for Kids now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.