Book Image

HTML5 Game Development Hotshot

By : Seng Hin Mak, Makzan Makzan (Mak Seng Hin)
Book Image

HTML5 Game Development Hotshot

By: Seng Hin Mak, Makzan Makzan (Mak Seng Hin)

Overview of this book

Table of Contents (15 chapters)
HTML5 Game Development HOTSHOT
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

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 falling numbered box.

You may visit http://makzan.net/html5-games/multiply-defense/ to play an example game in order to have a better understanding of what we will build throughout this project:

Why is it awesome?

Throughout the project, we will learn to manage game objects inside the HTML5 canvas tag. We will draw shapes on the canvas and create a tween animation.

We are going to use a canvas and a game library to create the game. Using a canvas allows us to manipulate the game at...