Best jQuery Games Plugins & Tutorials with Demo

Breakout : HTML5 Canvas Game

Breakout : HTML5 Canvas Game

Breakout is a html5 canvas game.

Shooting Range Game with HTML5 Canvas

Shooting Range Game with HTML5 Canvas

Shooting range game with HTML5 canvas.

InfiniteRPS : Simple Browser Game with jQuery & HTML5 Canvas

InfiniteRPS : Simple Browser Game with jQuery & HTML5 Canvas

Simple browser game built with JS, jQuery and HTML5 Canvas. A simple sidescrolling RPS game that pits you, a shape shifter, against an infinite amount of rocks, pieces of paper, and pairs of scissors. Shift into the correct form to defeat your foes! Levels become progressively more difficult as the number of enemies and the speed at which they approach increases.

Fruits Slicing Game with jQuery

Fruits Slicing Game with jQuery

Fruits slicing game made with jQuery.

Reversed-Tetris : Game with JavaScript

Reversed-Tetris : Game with JavaScript

Reversed-Tetris is a web-based game written in pure JavaScript without any dependency. Be compare with most web-based games, Reversed-Tetris use Dom as the render engine, instead of the canvas. It’s less performant, but more like a “web platform” prodact.

Panda.js : 2D HTML5 Game Engine

Panda.js : 2D HTML5 Game Engine

Panda.js  is a free HTML5 game engine for mobile and desktop with Canvas and WebGL rendering.

Sprite-based Games with HTML5 Canvas

Sprite-based Games with HTML5 Canvas

In this article, we’re going to create a 2d game with canvas; a real game with sprites, animations, collision detection, and of course, explosions! What’s a game without explosions?

RPG JS : RPG 2D browser with HTML5 Canvas

RPG JS : RPG 2D browser with HTML5 Canvas

Create your RPG 2D browser using the framework called RPG JS based on CanvasEngine.

  • RPG JS is based primarily on data stored in JSON files.
  • The project contains a very specific folder structure.
  • The engine used is CanvasEngine (last version) for display, collisions, sound, but especially for creating scenes.

Proton : HTML5 Particle Engine

Proton : HTML5 Particle Engine

Proton is an easily customizable html5 particle engine including five different types of renderers.

  • Five kinds of renderers
    • canvas
    • dom
    • webgl
    • easeljs
    • pixel
  • Integratable into any game engine
  • Veriety of behaviors
  • Three kinds of emitters which can simulate many different physical effects

Clumsy Bird : Flappy Bird Game

Clumsy Bird : Flappy Bird Game

A MelonJS port of the famous Flappy Bird Game.