jQuery Games Plugin & Tutorials with Example

Jaguar : jQuery Adventure Game Engine

Jaguar : jQuery Adventure Game Engine

Jaguar puts the power of hardware-accelerated story-telling in your hands.Using only 3 simple HTML tags and minimal CSS, Jaguar can accomplish nearly all game features of classic adventure games such as Monkey Island, Loom and The Dig.Jaguar is build for beginners to finally be able to create story-driven adventure games without any coding experience.

Phaser : 2D game framework for HTML5 Games

Phaser : 2D game framework for HTML5 Games

Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

LimeJS : HTML5 game framework for web and iOS

LimeJS : HTML5 game framework for web and iOS

LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.

HTML5 JavaScript Gem Game With Saved Scoreboard

HTML5 JavaScript Gem Game With Saved Scoreboard

Everyone is talking about HTML5 games and how they are the future of mobile gaming, but where do you start? What is it you need to do to create a game? In short the answer is actually “not much”, everything that I will be using in todays tutorial I’ve already covered in various different guises in my previous tutorials. We’ll be using only pure JavaScript and CSS in this tutorial and the images.

PathFinding.js : A comprehensive path-finding library in javascript

PathFinding.js : A comprehensive path-finding library in javascript

A comprehensive path-finding library for grid based games.The aim of this project is to provide a path-finding library that can be easily incorporated into web games. It may run on Node.js or the browser.

PhotoCradle.js : jQuery Gallery Integration with Flickr or Picasa

PhotoCradle.js : jQuery Gallery Integration with Flickr or Picasa

jQuery image gallery that delivers photos you store on services like Flickr or Picasa to your personal website or blog.

Features:

  • Original thumbanails bar
  • On-demand image loading
  • Fast and adaptive fullpage browsing mode
  • Multiple cradles per page
  • Integration with popular services (flickr, picasa)
  • Skins based on CSS theming

cgSceneGraph : JavaScript & HTML5 Powerful, cross-platform Animation framework

cgSceneGraph : JavaScript & HTML5 Powerful, cross-platform Animation framework

The cgSceneGraph is a powerful, cross-platform and very easy-to-use animation framework written in JavaScript for the <canvas> tag in HTML5.It’s full object oriented to ease the development of your applications and games.

The power of the framework is inside its concept : the framework itself does not render anything, and provides a lot of cool and useful features. It was designed to be extended : you can use or create an infinite number of extensions of the node class (CGSGNode) to be rendered. You are not, and won’t never be, limited to what the framework provides by itself because it is designed to be extended !

CanvasQuery : jQuery Html5 Canvas Library for Game Developers

CanvasQuery : jQuery Html5 Canvas Library for Game Developers

Canvas Query is a wrapper library for HTML5 Canvas element which allows it to be used with jQuery like syntax. Also it adds a lot of common use image manipulation methods mainly convenient for gamedevelopers.

pp3Diso : jQuery plugin that allows Management of a 2D or 3D isometric map

pp3Diso : jQuery plugin that allows Management of a 2D or 3D isometric map

pp3Diso is a jQuery plugin that allows the display and management of a 2D isometric map (or 3D isometric misnomer).

Here are some of the possibilities offered by pp3Diso:

  • map size limited to 500×500 for a map,
  • ability to display multiple maps without reloading the page
  • Layer to layer for buildings and objects,
  • management and display an avatar (or not)
  • management and display a cursor 2 states,
  • displaying a user interface,
  • display of color zones,
  • display bubble-d’infos on objects or buildings, with relative or absolute positioning,
  • Display dialogue with freely configurable buttons,
  • zoom (possibility to zoom with the wheel)
  • pathfinding,

EasyStar.js : Javascript A* Pathfinding library for HTML5 games

EasyStar.js : Javascript A* Pathfinding library for HTML5 games

A* is an algorithm for finding the shortest path between two points. It is very useful in game development. Any tile-based game that requires this kind of movement will probably utilize some form of A*. Tower Defense games, City Building games, Rogue-Likes, the list goes on.Thus EasyStar.js is a simple A* API written in Javascript.

Features:

  • The ability to spread out your calculations over multiple calls. EasyStar.js lets you specify how many calculations should be performed each call.
  • The ability to add separate points to avoid, outside of those that are avoided based on tile type.
  • The ability to specify which tile types are walkable, and which are unwalkable.
  • EasyStar calls a callback if it finds your path, or if there is no possible path.


Best jQuery websites design awards