Having spent many an hour swearing at Visio, Ben Dilts canvas application LucidChart really blew me away. Ben has successfully created a diagraming application that is intuitive and easy to use. Not only that, but he has created on the web (using canvas) so features such as collaboration are also available.
Impressive diagramming
Comments from the Author:
LucidChart uses canvas for all rendering, including many of the UI elements (like the little tools in the toolbox). Uses excanvas for IE8 support. [It also uses] other cool HTML5 features, like drag-and-drop image files onto the page (requires account registration, so we know where to store it).
If you use Visio, then you should really give LucidChart a try. If you don’t use Visio, then check out LucidChart anyway as a great example of how to build a professional canvas application.
Mountain or valley? What are you going to build today? Ben Mason has created this terrain generator using the HTML5 canvas element for the 10K Apart competition. Choose your options and then watch your creation grow before your eyes!
Mountain!
Within the app’s options you can change height and width; the extremity and elevation; the level of detail and whether it’s a mountain or a valley.
Björn Nilsson has create this addictive HTML5 canvas puzzle game based on the old Amiga game Logical.
Fill the wheels with the same coloured orbs
Orbs are released at the top of the screen one at a time. Use the wheels to fill the empty holes and match 4 of the same colour to score points. Click the wheel to rotate it and click the orbs to release them to the other wheels.
Comments from the Author:
Back in the 90′s I was a fan of the Amiga game Logical. A couple of years ago I tried it again in an emulator and noticed it was still fun. Now largely forgotten, even many Amiga fans don’ut remember or even played this game, it had pretty uniqe, and very addictive gameplay.
DougX has created a space shoot ‘em up using the HTML5 canvas and audio elements.
Side scrolling shooting goodness
Comments from the Author:
This game, written in JavaScript using the HTML5 Canvas and Audio objects, was developed as a proof of concept that a shooter-style game can be coded without the use of any Flash. The first level of the game is fully implemented, and the second is in development.
Use the arrow keys to move and Z to shoot.
Travis Glines has created this canvas music visualisation inspired by 9elements’ HTML5 Love. The visualization runs in canvas and generates circles that flash of random color.
Simple music visualisation
The playlist features a host of recent pop hits, and is actually pulled in from YouTube in an iFrame in the background!
Brian Stoner has created this Frogger style clone built entirely using canvas. As with the case with all games based on Frogger, the idea is get to the other side of the level safely.
Get to the other side of the road
Comments from the Author:
Simple implementation of a Frogger-like game using the canvas. The game is entirely rendered by drawing on the canvas, no images.
