While Flash remains the best software to develop casual web games, jQuery allows you to make interesting things… nothing to do with pure action Flash games, but in some cases you can get interesting results out of your browser.
Analytics cookies. We use analytics cookies to understand how you use our websites so we can make them better, e.g. They're used to gather information about the pages you visit and how many clicks you need to accomplish a task.
Here it is a list with 17 jQuery powered games, most of them with clean and commented source code ready to download (and before you say it’s obvious jQuery games have source code, I mean uncompressed, readable source code)
Javascript game engine for jQuery
Not a game but a whole library to develop jQuery games
Main features:
- multi layer-sprite animations
- sprite hierarchies (grouping)
- collision detection
- swappable sound support
- periodic callbacks
- keyboard state polling
- free and open source license
http://gamequery.onaluf.org/ – Check out the demos too!!
TicTacToe in jQuery
The “Hello world” of game programming, now with jQuery
Eyecon Jquery Plugin Slot Machines
http://thingsilearned.com/2009/06/02/tictactoe-in-jquery/
Tetris with jQuery
The most famous game in the world,
jQuery Mad Libs Word Game
A simple Mad Libs game. There must be something wrong with me because the author says: “If you did not use Mad Libs as a kid (what is wrong with you… j/k) it is a fill-in-the-blanks word game where not knowing the word context can lead to some whacky outcomes (and giggling fits)”.
Yes, I did not use it (do you?)… that’s why I hear “voices”…
jQuery Mine Sweeper
From the same author of Mad Libs, Mine Sweeper.
A Basic Memory Game with jQuery and PHP
Great and complete tutorial (in Feronato’s style :)) to create a basic memory game with jQuery and PHP. A must read.
jTypingHero
After Guitar Hero, here it comes Typing hero, a game which will prove your typing skill.
jCharacterfall
From the same author, another typing game
jQRPG
A very basic – and incomplete – Zelda style RPG
Mastermind
jQuery version of the popular brain game
jKill
Point and shoot game, kill presidents and prime ministers
jQuery Slot Machine
Cute slot machine made with jQuery
jQuery Pong
it’s Pong!!
jQuery Sudoku
Really good Sudoku simulator
jQuery Snakey
The famous snake game made with jQuery
T&C Surf
Great remake of the old 8-bit Nintendo blockbuster (??)
Tunnel game
Another classic, fly with your spaceship inside a tunnel, don’t touch its borders
DEMO
Dependencies
- jQuery
- jQuery UI
Installing
Eyecon Jquery Plugin Slot Machine Plugin
Include jQuery and jQuery UI to your page:
Include slot machine js/css:
Getting Started
html:
js:
Then, simply style the slot-box any way you want (change the color, use an image...etc). You can have as many slot-reel as you want and each reel can have as many slot-box as you'd like. However, each slot-reel must have the same number of slots.
Constructor Options
numSlotsToShow(3): The number of slots to show at once.spinSpeed(200): How fast to spin the reels.easeOutSpeed(1000): The speed for stopping at a particular slot.minRounds(7): Minimum number of rounds before it should stop.slotDifferenceFactor(5): How soon/late the current reel should stop after the previous.hasShaders(true): Whether or not to show the top/bottom shaders to hide all but the current row.leverThreshold(0.7): How far the lever must be pulled to start the slot machine. Range from 0.0 - 1.0 (percentage).
Methods
$mySlot.slotMachine('spin'): Triggers the spin$mySlot.slotMachine('destroy'): Destroys the widget
Events
slotmachine:spin: triggers before the slot machine starts to spinslotmachine:lose: triggers when you lose. First argument is theeventand second is theresultsarray of slot indexes.slotmachine:win: triggers when you win. First argument is theeventand second is the slot item index.