some html5 fun

In a recent HTML5 class, I got to play around with some cool new technologies, including canvas, geolocation, html5 forms/markup, and others. Here’s one little thing I created.

RecordPlayStop/Rewind

It uses processing.js to do the actual canvas drawing, local storage to manage the recording/playback, the new ‘number’ HTML5 input type, and some jQuery/math to glue it all together.

You can use the input to increase/decrease the number of bars attached to the cross, and you can use the mousewheel to make it grow or shrink.