Published: 2013-02-24 20:49:52

The essence of Gaming is to see a lot of dynamic Imagery flashing upon and across the Game Canvas.

As a first step, let's take 19 slightly varied Images and play them is quick succession on the Canvas.

Building upon what we've learned so far, we first have to load ALL of the Images into the HTML Document and then, with precise timing, draw them in sequence onto the Canvas.

This is the technique Walt Disney first employed in the first compelling animated movies and not much has changed since then.

element = document.getElementById(id);

element

is a reference to an Element object, or null if an element with the specified ID is not in the document.

id

is a case-sensitive string representing the unique ID of the element being sought.

The HTML5 Canvas Element allows for optimized Drawing within the Browser both in 2D and 3D modes. These are the basics you'll need to get started.