I’ll be looking at 5 really ingenious implementations that are being used today on various websites and web apps.
4. Box2DJS physics engine
3. Wolfenstein 3D
2. Yahoo pipes
Yahoo pipes is a mash up tool for the less technical to build “pipes” or mashups of data pulled from various sources. Pipes uses the canvas tag to create connecting points between data sources and controls. The blue curvy line is done using canvas and its bezier abilities to curve lines.
Pipes is a powerful composition tool to aggregate, manipulate, and mashup content from around the web.
1. Mozilla labs Bespin
By far the best implementation of canvas so far is Mozillas Bespin a web code editor which uses canvas to create it’s slick interface, without canvas Bespin would not be as responsive as it is even with thousands of lines of code.
Bespin is a Mozilla Labs experiment on how to build an extensible Web code editor using HTML 5 technology.