Canvas Invaders Jason Brown created this quick clone of the classic Space Invaders game as a canvas learning experience.

This is a pretty straight-forward Space Invaders clone. The only significant change from the original Space Invaders game is that in Canvas Invaders there are no bunkers to hide behind.

As the name suggests, the game employs the canvas element to do the graphics and while it's perfectly possible to make a game such as this using standard DHTML, I still think it's nice to see more games take advantage of the canvas.
Read more...
Sarien.net A portal for old Sierra On-Line adventure games ported to JavaScript and DHTML with a nice multiplayer aspect.

With the tagline "Instant adventure gaming" Sarien.net gives you that old school adventure game feeling from classics such as Police Quest, Leisure Suit Larry and Space Quest.

Not only does it feature (at the time of writing) three such games, ported to JavaScript, but the author, Martin Kool, throws in a bit of multiplayer fun. As you play through the games and interact with the different scenes and objects, you will meet other people walking around the same game world and doing the same things. A very nice touch and a great way to bring a bit of innovation to the games (as if simply making them in DHTML was not impressive enough).

And for the icing on the cake, the engine and a demo game is available on Google Codeand (under the LGPL license) and there's a game resource exploration tool called Sarien Studio available online for the technically interested.
Read more...
mBlocks One of the better DHTML Tetris games out there.

Merix Studios, a Polish web design company, decided to have a little fun and created this little puzzle game and while it may just be another Tetris remake, it's a fine one for sure.

The visuals are very pleasing and have a nice, slick look. The gameplay is the same as it's always been, ie. keep the well clear by filling full lines. A "shadow" of the current piece is seen at bottom of the well where it would land if dropped at this moment, a feature I imagine some would find a great help while others would feel it takes something away from the challenge.

There are two different game modes. One is just the classic "standard" Tetris game, the other is a timed mode in which you have 5 minutes to try to get as many points as possible. There are also separate high score tables for each of these modes. All in all, this is a nice Tetris game.
Read more...
3bored Lots of fun in this very creative canvas-based game.

I'm totally in love with this game. The gameplay is both simple and addictive, and while the graphics are primarily just white boxes and other simple shapes on a black background, they fit the game perfectly.

In 3bored, you're a little white rectangle equipped with "amazing flying powers and the ability to crash into the ground". Your opponents are tanks, planes and orbital satellites who all just want to see you dead. The enemies are all packing a lot of firepower and all you can do is crash yourself into the ground (hold the space bar to charge), smashing things on your way and creating shockwaves.

Unless you have a powerful computer, you are advised to run the game at a reduced size (just resize the browser window and reload the page). And if you need help figuring everything out, check the informative help page.
Read more...
Word Wombat Type your way to the top with this finger breaking game by Andrew Peace.

The goal of this game is pretty simple. Type the falling words as fast as you can before they reach the bottom of the screen. To give up on a word you can press backspace.

Not surprisingly, there's not a lot of fancy tech behind this game and the falling words are simply generated with a bit of DHTML. The word list is (randomly?) generated at the beginning of each game and then loaded with Ajax. There's also a high score table made with PHP.
Read more...
Amoeba Being just old enough to remember a time before graphical computer games, ASCII games like this fun little roguelike survival game always bring back fond memories.

From the website: "The goal of the game is to eat weaker amoebas while running away from stronger ones. When you eat a weaker amoeba you gain a level. If a stronger amoeba eats you, you die. You win by gaining level 10."

In this alternative dungeon crawl you control an amoeba, represented by a @, and on the map are other amoebas represented by numbers from 1-9 which signifies their level. You move around with the arrow keys / numerical pad and with every move, the enemy amoebas move as well, resembling Rogue like gameplay.

There's obviously not a lot to say about the technical details concerning the graphical side of this game as everything is just text.

There is also an alternative, real time version available.
Read more...
Shapes "Shoot the angry rotating shapes before they run into you! Three exotic space themed backgrounds!" - A Geometry Wars clone by Geoff Blair of Yahoo! Games.

I'm a big fan of Geometry Wars (even though I'm rather bad at it) and I love the fast-paced retro arcade action it delivers. This is an attempt at bringing some of that greatness to the browsers via JavaScript and DHTML. The basic gameplay is the same, albeit in a somewhat simpler form. The different enemy types do have unique behaviours like in the real game which is nice, but it seems your weaponry doesn't upgrade.

The page says it's a prototype, so I'm hoping Geoff will put some more work into it as it's already looking pretty good as it is. The animated sprites are made with a CSS sprite technique. I'm thinking a game with graphics like these (mostly simple shapes) could benefit from canvas, but doing it the old-fashioned way does have the benefit of cross-browser support.

The code is available on GitHub but I couldn't figure out what license he's using.
Read more...
QuickTetris While not the best Tetris clone out there, this one comes with a full walkthrough of how the game was made - it's always nice to get behind the scenes!

Coming from a Ruby background, Thomas Kjeldahl Nilsson wanted to learn JavaScript (who can blame him? ;-) ) and decided to document the process. Since he wanted to concentrate on the code and not the game design he let his learning project be a Tetris game.

Now, as I said in the beginning the game itself could use a bit of polishing but the important part is the detailed blog posts explaining the hows and whys of the game.

Thomas opted for regular DHTML techniques with blocks made of div elements and so on with a bit of jQuery UI effects sprinkled on top. There's also a nice soundscape provided by SoundManager2.
Read more...
Super Mario Bros 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.

There might be a few glitches here and there but all in all this is a very smooth game and it definitely has that Mario feel. It's also very complete in that all the features like mushrooms, flowers and so on seem to be implemented. At the time of this writing the two first levels are available, maybe more are coming? It certainly looks like the game is still being worked on as witnessed by the presence of a work-in-progress map editor.

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.
Read more...