HTML5 Asteroids

Doug McInnes recreated the classic arcade game Asteroids using canvas:

The Canvas element is super cool. Basically all of the sprites in the game are simple paths defined by an array of points. These points are translated, rotated and scaled based on their state at any given point in the game using the standard Canvas transformations.

(Submitted by Richard Bradshaw)

5/22/2010   #canvas #game
Sketchpad is a canvas-based painting tool with a UI better than many native desktop apps.

Sketchpad is a canvas-based painting tool with a UI better than many native desktop apps.

5/20/2010   #canvas #product #ui
More canvas particles

Move the cursor around and check out some crazy-animated tweets synced up to HTML5 audio.

(via jonstovall)

5/20/2010   #audio #particles #canvas #twitter
Quite impressive transformations of live video using Canvas. Notes that you can transform video in 3D space much easier using -webkit-transform.

Quite impressive transformations of live video using Canvas. Notes that you can transform video in 3D space much easier using -webkit-transform.

5/19/2010   #canvas #demo #video #3d
Quake 2 ported to the web. No live demo due to licensing issue.

Quake 2 ported to the web. No live demo due to licensing issue.

5/19/2010   #canvas #game #demo #audio
A particle system created with HTML5 canvas. The performance is just ok; this is a pure demo.

A particle system created with HTML5 canvas. The performance is just ok; this is a pure demo.

5/19/2010   #canvas #demo
Akihabara is an indie dev kit for development of retro-style games in Javascript. Several impressive example games are included.

Akihabara is an indie dev kit for development of retro-style games in Javascript. Several impressive example games are included.

5/19/2010   #game #canvas #javascript