HTML and CSS Reference
In-Depth Information
Creating a Grid of Tiles
Many games use what is called a
tile-based environment
for backgrounds and level graphics.
We are now going to apply the knowledge we have learned from animating an image on the
canvas to create the background maze for our hypothetical game,
No Tanks!
We will use the
same tile sheet from the previous tank examples, but instead of showing the tank sprite tiles,
we will create a maze for the tank to move through. We will not actually cover the game-play
portion of the code in this chapter because we want to focus on using images to render the
screen. In
Chapter 9
, we will create a simple game using the type of examples shown here.
