Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

sprite


Spritely - Create animated characters and moving backgrounds without Flash

Submitted by peterchater on March 9, 2010 - 3:45am

Spritely is a simple, light-weight plugin from Artlogic for creating animated characters and moving backgrounds. Create animated characters which interact with the rest of your web page as you click. An alternative to Flash on iPhone.

Download Spritely

Latest code and a .zip file containing fully working examples are available to download on our downloads page.

How Spritely works

Spritely animates the background image of an html element, either by panning the background continuously left or right at a given speed, or by animating an image containing multiple frames. Visit the demo page to see Spritely in action. Using transparent PNG files for your images, you can create complex, multi-layered 'movies' which fill the screen but require no browser plugin and use very little bandwidth.

Example code

jQuery Sprite Animation

Submitted by jamalm12 on November 16, 2009 - 9:32am

Create quick sprite animation by applying an image and sprite options. You can specify sprite's options like "frameWidth", "startFrame", "endFrame", "direction" and others.

The animation is applied to an element by one line of code. You can use this plugin as an alternative to the "gif" animation, using this plugin you can control your animation behavior from your JaveScript code, like defining the animation delay, having an infinite loop animation or you can specify the number of loops. You can stop the animation any time or restart it.

jQuery.spriteAnimation-0.1.0.js

jQuery.spriteAnimation-0.1.0.min.js

Demo

AutoSprites - Menu Sprites Animated and Generated Automatically

Submitted by JoelSutherland on October 28, 2009 - 11:11am

This jQuery plugin automatically generates animated sprites from a minimal amount of CSS. It makes building menus faster and easier while making them look cooler at the same time!

SpriteMenu

Submitted by distinct on June 16, 2009 - 12:41am

SpriteMenu provides a quick and easy way to generate a nice-looking menu with animated hover effects by using one single image for all elements of the menu.

gameQuery

Submitted by selim on June 25, 2008 - 11:45pm

gameQuery is a jQuery plug-in to help make javascript games easier to develop by adding some simple mechanism and commodity. It's still in a very early stage of development, it may change a lot in the version to come. Since version 0.2.0 the API should stay compatible with the other version to come. Have a look at this and this demo ! You can also have a look at the collision demo here. A tutorial can be read here.