Sunday, October 30, 2011

HTML5 Canvas element has arrived

Good news: HTML5 has arrived (thank you in part to Apple).  We are no longer limited to using applet, object, svg or img tags to present dynamic visual content.  We can use the canvas element in addition to the geolocation and storage functionality.
As a first example, i have of course written a very rudimentary version of John Horton Conways' "Game of Life".  The William Gosper "glider gun" is an excellent proof of concept.
The following link will take you to a pure HTML5 document that renders the glider gun sequence. You will need the latest Android 2.x, Chrome, IE9, Firefox or Opera browser to see the canvas element.

Cellular Automata simulation in HTML5 using the canvas element
http://99.240.95.213:7101/radar/html5.xhtml (IE9, Chrome and (android based Firefox))
http://99.240.95.213:7101/radar/html5.html (android 2.x base browser)
http://99.240.95.213:7101/collatz/faces/index.xhtml
http://99.240.95.213:7101/collatz/ajaxclient.jsp

Cellular Automata simulation in a Java SE Applet
http://www.objectivej.com/inorganiclife/experiments/life/LifeAnimApplet.html

Cellular Automata simulation in a Wikipedia animated GIF
http://en.wikipedia.org/wiki/Conway%27s_Game_of_Life

No comments:

Post a Comment