Chiptune Nostalgia - a HTML5 canvas experiment

I wanted to give HTML5 & Javascript a try, and I stumbled upon EaselJS by gskinner.com. It’s an API loosely based on Flash’s display list. Since I know a bit of Actionscript 3 it was fairly easy to get this experiment up and running.

I decided to create a simple old-school, 8-bit demo style animation with some crazy 90’s colors. :) One of the goals of this experiment was to create code that would run in both Chrome, Firefox, Safari and Safari iOS. And it looks like it does, however it’s a bit slow on my iPhone 3GS. I guess there are many was to optimize the code and the assets. I will look into that next.

While running you can turn off the sound by clicking anywhere on the canvas…

The code is commented, feel free to do what ever you want to with it. I know I could have made it more simple, but this code will be the base for another project I’m starting. Source url: http://cubical.se/chip/

Mike Chambers wrote a great introduction to EaselJS which helped me a lot.
http://www.mikechambers.com/blog/2011/01/19/getting-started-with-the-canvas-element-and-easeljs/

EDIT:
The music is an original track from the Commodore 64 game Batman the caped crusader. I downloaded the mp3 from www.6581-8580.com