O'Reilly logo

Build an HTML5 Game by Karl Bunyan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required