A bit of Super Mario all in one JavaScript file, graphics and music included.
The game aims to recreate the Super Mario gameplay and parts of the first level of the classic NES game using only JavaScript. This means that all the sprites are created at runtime with tiny
divs or, if possible, drawn on sprite-sized canvas elements. The sprite data is included in the code as encoded strings. The (admittedly horrible) MIDI tune is stored as base64 encoded data and embedded as a data: URI. The embedded sprites were also discussed in detail by John Resig.Check the original blog post for links to a smaller version as well as music enabled versions.
And if you're looking for a not-so-tech-demoish game of Mario, be sure to also check out the more complete Super Mario clone by Guillermo Bruchmann.
A remake of the 1983 classic Lode Runner by the talented Satoshi Ueyama.
Satoshi Ueyama has made a lot of cool stuff including some really neat
canvas demos. This game, however, uses simple DOM manipulation and CSS sprites to create its nice old-schooley look.
A cute little platformer by Peter Nederlof in which you control a one man army trying to restore world peace.
The game was made with regular DHTML techniques although the sprite animations are small GIF animations. As with Peter Nederlof's other games, there is no sound.
The introduction blurb is in Dutch, but even if you have no idea what it says, that shouldn't stop you from being able to play the game (some of it is also available in English on the game list page).
This is without a doubt the best attempt at recreating the classic Super Mario experience in JavaScript I've seen yet. Nice job by Guillermo Bruchmann.The game seems to be using good old DHTML techniques to do all the graphics which seems to work quite well. A really cool feature is that you can resize the game screen by dragging the sides like you would any normal window. Neat.
Sound is missing, so not much to say there. Hopefully that will come some day.
Can you rescue your captured friends in this DHTML platform game from Elusive Games?
It's refreshing to see an attempt at a real platform game done in JavaScript. This one seems a bit unfinished, though. While playing (in Firefox 3) there seemed to be quite a disagreement between where the character was walking and where the ground was, making it pretty much impossible to play. Shame. I've been told this issue has since been resolved, but I haven't confirmed it myself yet.
The graphics are ok, nothing mindblowing but also not the worst I've seen. They do have a certain homemade feel to them, though. Everything seems to be done with regular DHTML and div/image sprite techniques. Sound is provided via SoundManager2.
You can play the first couple of levels free of charge but if (for whatever reason) that's not enough, you can purchase a "lifetime subscription" that claims over 11,000 new levels. I don't know how much that's going to cost you, though, as it appears you need to sign up to see the price, which I did not bother with.