After seeing processing.js stuff all over the place I figured I would try my hand at some canvas hacking. Here are the results. This only really works for Firefox but that's alright. <canvas> is bleeding edge.

I have to say that it was pretty fun. I'm kind of bummed that there isn't any text rendering support in some of the other browsers but that may be a minor thing. The real interesting thing will be how well it composites with other DOM elements. If I had to guess it should play as well as an animated gif file since that is basically a dynamic image that integrates well with the DOM. It's a little strange to think of it that way because it's so different from flash applications in which you really need to draw lines in the sand about where dynamic DOM elements go and where flash will live (that's why when you're at youtube you only get two drop-down suggestions when typing in the search box on a video page).

A pretty gosh darn cool thing about <canvas> in Firefox is that if you right click "save image" you get the <canvas> render state as a png image.