JsMario, imageData, 3D Games
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 bookmarks.
Pac-Man Google Logo
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
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:
- Creating pseudo 3D games with HTML 5 canvas and raycasting
- Creating pseudo 3D games with HTML 5 canvas and raycasting: Part 2
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.
