After my first jQuery plugin, I wanted to create an actual jQuery game. While I was swimming in a pool nearby, I came up with the following idea (inspiration can be found everywhere): Characters in water drops falling. You can save them from a splashy death, by pressing the correct character on your keyboard.

Keeping that in mind, I created jCharacterfall - A small, addictive jQuery game. After each character save, the game gets harder and the droplets will fall faster. When playing this game over and over, you might even improve your typing skills.

I'm aware of a couple of bugs in the game, but if you "just play it", you probably don't encounter any of them. This game combines the power of jQuery, jQuery UI, the jQuery Easing plugin and CSS3.

  

Feel free to poke around in the source, just to see if you could improve the script in any way! What highscore can you get?

The highest score I managed to get is 37 (Hard mode).

Interested in this topic? You might enjoy another article I've written called

• Pure CSS3 bokeh effect with some jQuery help
• Nostalgia: Dragging the Windows XP error dialog
• New CSS3 properties added to Firefox 3.6
• jQuery 1.3 and PHP: Book review and Giveaway
• CSS3 animations and their jQuery equivalents

Did you like this article? Subscribe to my feed or email to keep updated on new articles.

Spread the word and submit to:

Comments

Add New Search RSS

nardyello - FUN GAME! :D   2009-07-29 07:38:39 Very fun game. I could only get to 32! haha Unfortunately, as I am aware that you are aware, there is a small bug that seems to happen every time I reach around 20+ Sometimes 1 letter doesn't disappear and it just stays there. That confuses us a bit. But besides that. This game is excellent! Clean design, very challenging, and user friendly. Congratulations on making such a fun game Reply | Quote

Marco - Thanks a lot!   2009-07-29 07:46:36 First off: Thanks for those very kind words! Yup, that exactly is the bug that I'm talking about. This doesn't always show up - just sometimes and that's why I haven't been able to fix it (yet). As you can see, jCharacterfall can be improved in loads of ways. I'm still glad you liked it! Reply | Quote

vilebender - Bug in Safari?   2009-07-31 00:36:44 Hi there, very nice game but apparently you can't play it on Safari. Whenever I press the letter I want to "save" find bar at the top of the window pops up. Don't know if this is really a bug in your game or just annoying feature in Safari. Any idea how turn this off? Cheers, vilebender Reply | Quote

Marco - Don't know   2009-07-31 02:45:21 Hi vilebender, Thanks for your comment. I'm not aware of the Safari Bug - I've tested it in Safari (3.1.x on Mac) and everything seems to be working fine there. I also don't know how to fix it based on your description. Is it on all webpages, when you press a key that it wants to "save" the find bar? Greetings,, Reply | Quote

pre - high score   2010-01-09 11:16:00 Are you able to keep high scores for this. Can I have like forum members play and we keep their score? Reply | Quote

Read more...
Name:
Email:	do not notifynotify Gravatar enabled.
Website:
Title:
UBBCode:	-color-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -size-tinysmallmediumlargehuge

Unsubscribe from e-mail notifications.