JsMario, imageData, 3D Games

2010-05-21 00:00:00 +0100 by Alex R. Young

It's Friday again, which means you're probably not working and preparing
for a weekend of drinking and debauchery. In the spirit of Friday
afternoon slacking, here are my latest JavaScript game and graphics

Today Google replaced their logo with a playable JavaScript Pac-Man game
(with Flash for sound).

I saved the JavaScript and sprites file for you to inspect:


JsMario actually plays really nicely. The code contains useful examples of map management and scrolling code, which
could be used for lots of other types of 2D games.

Close with Canvas

Close with Canvas by David Desandro is an interesting example of generating canvas art using
existing images and
imageData to get pixel values.

Creating 3D Games with HTML 5

A friend of mine shared this tutorial series with me:

It's over a year old, but it's still interesting because it doesn't use
a canvas for 3D -- it uses a raycasting implementation that draws using
vertical strips. It's nothing more than a lot of DOM and CSS
manipulation, which is amazing.

These tutorials are by Jacob Seidelin who
writes a lot about JavaScript and WebGL.