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.
jQuery Games Plugin & Tutorials with Example
LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.
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.
jQuery image gallery that delivers photos you store on services like Flickr or Picasa to your personal website or blog.
- 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
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 !
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 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)
- 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.
Today we are making a simple puzzle game called “Fifteen”. The purpose of the game is to slide 15 square blocks around to form an image. The goal of this tutorial is to look at this simple browser-based game and explain how it was made line by line. It’s a great way to learn jQuery. For this tutorial, We will use a 2D image square-sliding game I created last week and I will go over each line of code to demonstrate the train of thought. I really do believe that breaking this game up into explanations on per-line basis will help you understand how to use jQuery in your own projects.