jQuery Games! Write Less, Play More!

These are my handpicked collection of colorful and enjoyable games developed using jQuery. One can use the techniques implemented in these games as an inspiration to bring out yet more intuitive games.

jQuery Video Game Remake: T&C Surf

After playing Javascript Mario Kart, I have been wanting to develop a classic video game with jQuery. T&C seemed like a good fit because its motion and overall simplicity are ideal for jQuery animation library (and it is really fun). I am fairly pleased with the performance, which is vastly improved through the use of cell-based collision detection. Instead of having to check for collision every pixel, it can be checked every 32, with huge processing savings. Additionally, the use of CSS sprites greatly reduces the number of HTTP requests and the need to use the src attribute of any objects.

jQuery Lite-Brite Game

A simple colr game using jQuery.

jQuery Memotest – Colorful jQuery Memory Game

Test your memory in a colorful write less do more way with the jQuery Memotest, memory game.

64 Squares: jQuery Chess

64squar.es is a completely free, fully featured and easy to use online chess site with a clean simple interface. 64squar.es is built using Ruby on Rails and jQuery. It also uses Juggernaut (a ruby on rails plugin) to remove the need for polling to improve responsiveness and ease future scaling.

Tetris with jQuery

Play Tetris the jQuey way with this Tetris jQuery game.

Creating A Sliding Image Puzzle Plug-In

Since I have been getting into jQuery a lot lately, what with reading the books and playing around with code, I felt I should try a more complicated type of plug-in. As such, I have created this jQuery demo plug-in which creates sliding-image puzzles based on containers that have images.

jQuery Game Of Pairs

Reveal information to a visitor only if he/she solves a fun game of pairs. This game is dynamic and can be extended to endless fields.

jQuery Tic-Tac-Toe

Play teh age old and authentic game Tic-Tac-Toe with jQuery.

jQuery Snakey – Snake Game For jQuery

A simple but elegant and addictive snake game powered by jQuery.

Slot Machine jQuery Game

Play Las Vegas style with the Slot Machine jQuery Game.

Play Fifteen puzzle – a game example with jQuery

Here is minimalistic implementation of Fifteen puzzle that you can try to solve just in your browser window. You can use it to spend some time or to investigate how to use the excellent jQuery library to create JavaScript applications. The game internally consists of two modules: model that stores game data and UI that build with jQuery and contains only 26 lines of code.

Tunnel: A Javascript & CSS (jQuery-powered) game

Tunnel is a very basic game where you use the mouse to move your ship left and right. As you play, the walls narrow until eventually you have about 2 widths of your ship to fly between. The game ends when you die, and your score gradually increases as long as you live. When you die, your score is checked against the top 10 and if you get a high score, you enter your name to put yourself on the list. It is not too complicated and you can check out the source to see everything that is going on at the front-end. I should mention, however, that this is my own work, so you can not steal it and put it on your own site.

jCharacterfall – A small, addictive jQuery game

jCharacterfall is a small, addictive jQuery game, where there are Characters in water drops falling. You can save them from a splashy death, by pressing the correct character on your keyboard.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.