Creating Basic Shapes with HTML5 Canvas

This example is the first in a series where I talk about how you can use the HTML5 canvas to create basic animations and imagery.

In this example I am using the main building blocks of the HTML canvas API to show what basic tools we have available in our HTML canvas.

Example code and full tutorial

The full code is available by viewing the source of the below frame. If you want more detailed instructions there is my blog post I talk through the code step by step.