O'Reilly logo

HTML5 Game Development HOTSHOT by Makzan

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 4. Multiply Defense

We built a DOM-based HTML game in the previous project. In this project, we will create a game using the HTML5 canvas. We will also introduce a game library named CreateJS to help us manage the game objects.

Mission briefing

We are going to create an education-based game to help students practice multiplication.

In this game, there are numbered boxes that fall from the top of the screen and a numeric pad placed at the bottom. When two numbers are selected from the numeric pad, we get the result of the multiplication.

The goal of this game is to eliminate the numbered boxes before they fall on the bottom. To do this, the player needs to click on the two correct numbers in the numeric pad to match the number value of the ...

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