Easel.js reduces the complexity of creating animations and rich interactive environments with the
canvas tag. In this recipe, we will use a series of images in a single file named "sprites" to show how to use
Easel.js to control which graphic image in the sprite is selectively displayed.
You will need to download the
Easel.js library or use the copy in the code files for this recipe.
Create the opening tags for an HTML5 file. Your code should look similar to the following code block:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title> Animating images using BitmapSequence and SpriteSheet</title> ...