Canvas Applications

There are lots of different types of applications which benefit from the HTML 5 canvas element, ranging from paint applications; music players to physics and texture engines. While the demos themselves often don’t offer an explanation about how they were created, you can view the source of the page to the view the HTML and JavaScript code.

Browser Ball

Browser Ball

Browser ball is a special ball that can magically change which window it’s on. By using a series of overlayed windows, you can have the ball bouncing all over your screen!

Bespin

Bespin

A web based code editor

Music Visualisation with SoundManager2

Music Visualisation with SoundManager2

Playing Radiohead’s Idioteque, the demo displays frequency bars, waveforms, binary outputs and create an image of Thom Yorke, lead singer of Radiohead.

3D on 2D Canvas

3D on 2D Canvas

Satoshi Ueyama has created 3 amazing demos of 3D objects and texturing on a 2D canvas to prove that JavaScript and canvas can render textured 3D scenes.

Flickr PS3 Slideshow

Flickr PS3 Slideshow

A fantastic Flickr slideshow in the style of the photo slideshow on the Playstation 3

World Map

World Map

Style a canvas World map with a variety of colours.