It’s time to have fun! So we’ve listed a collection of 10 cool jQuery based games. So minimize your IDE, check the boss is not looking and burst into some gaming courtesy of jQuery4u. Have fun!

Related posts:

1. Breakout using jQuery

This is a step by step detailed tutorial on the creation of breakout game using jQuery. Learn in detail the drawing methods, Coloring, Key configurations and mouse movement implementation for the jQuery game.

2. Creation Of a Skoban Game with jQuery

A Skoban gam completely made using jQuery. This is based on my previous Skoban game which was made using Flash.

3. jZmei – The jQuery Snake Game

The popular jQuery snake game now in jQuery. This jQuery game has a very classic user interface but it surely does keep you hooked to it.

4. Game of Life in jQuery

This video tutorial takes you through the creation of the game of life game in jQuery. This tutorial aims to show how JQuery can help you modify the DOM on the fly and do some nifty manipulations.

5. jQuery-based Card Match Game

jQuery-based Card Match Game is a simple memory game. It is an amateur project but could be little fun with jQuey. Just click on matching cards and the game is done.

6. Monster Chess – The jQuery Chess

Originally I intended to build a mock version of Settlers of Catan called Settlers of Khazakstan, however, considering the game play can last ~1.5 hours and few people know the rules, I abandoned that project in light of a more basic alternative, chess.

7. jQuery Word Game

The jQuery Word Game project is a plugin that creates word grids for use in word games. It has a configurable grid size and an optional timer and collects user submitted words. The plugin ensures the words meet a configurable minimum length, are not duplicated and only use each letter in the grid once. After the timer counts down to zero, the grid is disabled.

8. jQuery Simple Shooting Game

The jQuery Simple Shooting Game is a tiny jQuery experiment. Random images appear on the board and the player needs to shoot on those random images. The aim is to gain as many hits as possible.

9. JavaScript Rock Star

Love the Wii fame Guitar Hero? Here’s the browser version! JavaScript Hero is an interactive game that plays a Youtube video and needs the player to press the appropriate keys in sync with the various colored bars shown up on the screen.

10. jQuery Angel and Dreams

jQuery Angel and Dreams is a cute and simple game. On the screen, bubbles appear at random, click on those random bubbles as soon as you can to save the angel from jumping over it. It is simple yet addictive.

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.