Windows® 8 Apps with HTML5 and JavaScript Unleashed

Chapter 12. Graphics and Games

In This Chapter

• Overview of the Game

• Creating the Game Tiles

• Playing the Game Sounds

• Creating the Game Canvas

• Capturing User Interaction

• Creating the Update Loop

• Creating the Render Loop

In this chapter, you learn how to create a simple game using a Windows Store app. You learn how to create a game named Brain Eaters.

The goal of the Brain Eaters game is to avoid getting eaten by zombies while eating food pellets. If you eat all 5 food pellets, then you win the game. If your character gets eaten by a zombie, then you lose (see Figure 12.1).

Figure 12.1. Brain Eaters game

The game works with keyboard, ...