DOUG'S HTML5 CANVAS EXPERIMENTS

DougX Home



CONFIGURABLE U.S. MAP

A fully configurable US map drawn on the HTML5 Canvas, complete with all fifty states and Washington D.C. Hover-highlight behavior and a customizable info box for each state make for a highly flexible map that can be added to your web site in minutes. Detailed documentation inside.

read more...
run experiment...



CANVAS FRACTALS

A JavaScript application that allows the user to explore fractal images rendered using the HTML5 Canvas element. By dragging out a window with the mouse the user can zoom in repeatedly and drill down into the amazing complexity of these images. Also available as a native Windows app.

read more...
run experiment...
watch video...




SWEEPER CELL

A JavaScript clone of everyone's favorite mine-sweeping game. All browsers that fully support Canvas and right click events will play the game with the classic controls. So go make your mark on the high score table!

read more...
run experiment...





GALACTIC PLUNDER

A side scrolling shooter that looks and sounds like a Flash game, but uses only the capabilities built into an HTML5 compliant browser. The game was created with only JavaScript, and the Audio and Canvas elements.

read more...
run experiment...





THE MAD MAGAZINE COMPUTER PROGRAM

An old BASIC program from the October 1985 issue of Mad is brought to life on the HTML5 Canvas using JavaScript.

read more...
run experiment...





TRANSGLOBAL RAIL

This is a rail-building game for multitouch tables and interpersonal computers that can accommodate two to six players. It is written entirely in JavaScript using the HTML5 Canvas. It is free from the Chrome Web Store (only Chrome browser supported).

details...
install from Chrome Web Store...





TUIO MULTI-TOUCH GAMES

In this experiment I use two HTML5 technologies, the Canvas and WebSockets, to create games for a TUIO multitouch system with the help of a TUIO to WebSocket translator. Non-TUIO systems are supported as well.

quick start for non-TUIO systems...
quick start for TUIO systems...
technical details...





Foundation HTML5 Canvas for Games and Entertainment

Author Rob Hawkes guides you through game programming with the HTML5 Canvas, from the ground up! Bring your game ideas to life with just a browser, a little JavaScript, and your imagination. Great for beginning to intermediate game programmers who want to use the latest HTML5 technologies in their creations.
DougX served as technical reviewer for the book!

author's web site...