Tron: a Canvas game in 219 bytes

Alok Menghrajani has a fantastic write-up on how he and some coworkers were able to build a fully-functioning HTML5 game using canvas in 219 bytes, including all the page HTML.

The walkthrough at the bottom has an excellent set of slides documenting all the code.


You might also find this interesting:


  1. Chrome for Android: mobile GPU accelerated Canvas FTW! Google introduced Chrome for Android helping catch the Android browser up with iOS Safari with support for GPU acceleration of the HTML5 Canvas element along with support for requestAnimationFrame. Chrome...

  2. Browser Quest: Massively Multiplayer HTML5 Game w/ Websockets Mozilla has launched a realtime Massively multiplayer HTML5 based Game called “BrowserQuest” that uses Websockets and Canvas. The Mozilla hacks blog has a writeup on the game and the source...

  3. Procedural Textures in HTML5 Canvas An excellent article by Kas Thomas on generating Procedural Textures in HTML5 Canvas using Perlin Noise. Some examples: (the code is embedded in the blog post and must be cut-n-pasted...

  4. CodePlayer Tutorial: Make a snake game using HTML5 and jQuery The folks over at TheCodePlayer.com have written an interactive coding tutorial that walks you through the code for making a snake-game in HTML5. The tutorial walks you through the code...

  5. Facebook HTML5 Game Development Page Facebook has a great page on Game Development. It provides links to a number of excellent posts on 2D development as well as some notes on available engines. The page...

HTML5 Demos