What this book covers

The following is a list of what we are going to build in this book. There are eight projects with eight different types of HTML5 games. Each project makes use of the knowledge learned in previous projects and introduces new techniques.

Project 1, Building a CSS Quest Game, starts with building a DOM element-based game. The game requires a player to choose the correct pattern sequence to complete the level.

Project 2, Card Battle!, deals with creating a card battle game that makes use of the CSS transform transition. We also learn the 3D-flipping effect.

Project 3, Space Runner, deals with building a running game that makes use of keyboard controls and frame-based animation in CSS.

Project 4, Multiply Defense, teaches us how to use the canvas tag and CreateJS game library to build an HTML5 game.

Project 5, Building an Isometric City Game, deals with constructing an isometric city-building game. We learn how we can store data locally and grow the city.

Project 6, Space Defenders, deals with creating a defending game. We learn how we can create animations easily in the CreateJS suite.

Project 7, A Ball-shooting Machine with Physics Engine, deals with creating a ball-throwing game by making use of the popular Box2D physics engine.

Project 8, Creating a Sushi Shop Game with Device Scaling, deals with making use of the media query to create a responsive game that works on mobiles or desktops. We also learned how to add sound effects.

After reading through all the projects, we should know how to build production-ready games and deploy them on the server to allow others to play them. The games may combine different web technologies and we learn the flexibility to choose the right technique for a specific type of game.