HTML5 Canvas Cookbook

Creating sprite sheets for the heroes and enemies

Sprite sheets are image files that contain snapshots of different motions for different players and enemies that will appear in the game. Sprite sheets are an alternative to working with dozens or hundreds of individual images which can impact the initial loading time and also become a nightmare for graphic artists to maintain. Canvas Hero contains a sprite sheet for the hero, a sprite sheet for the bad guys, and also a set of white sprite sheets used when either the hero or the bad guys sustain damage.

Getting ready...

Before we get started, it's worth noting that even the most talented of game artists can spend more time creating game graphics than the time it takes to code a game, which is something ...