Notes for March 1 class -- Working with a 2D canvas.

The HTML5 2D Canvas

We are going to be using the HTML5 2D canvas for now, to make it easier for you to test the Matrix code that you will write. Eventually we will switch back to using WebGL.

In class we developed an example of using the HTML5 2D canvas, which you can download as canvas_example1.zip.

In your homework, you can use that as a starting reference to get started, but your final result should look very different.


Homework (due before class on Tuesday March 8)

  • Create something cool and fun and amazing on a 2D canvas. Explore the various functions and properties in the HTML5 Reference Document, and use your imagination.

    Use the cursor and time if you can. Try to create scenes, objects, creatures.

    Unleash your inner three year old.