Build an HTML5 Game

Chapter 1. Preparation and Setup

In this chapter, we’ll begin to develop a full game using HTML, CSS, and JavaScript. Our simple bubble shooter game will demonstrate a range of development techniques, but it won’t need extensive logic to control the mechanics. Game logic includes systems for interaction between in-game elements, events that result from the player’s actions, simulation of artificial intelligence in characters, and so on. Developing intricate game logic can be time-consuming, so for learning purposes, we’ll stick with basic principles, such as how to render graphics and animation, respond to user input, and play sounds.

We’ll start with the user interface and page layout, then load scripts, and finally add some basic interaction. ...