8 years ago
368 Views
0 0

create sprite animation with jQuery.spritely

Written by

spritely is a jQuery plugin that allow you to create dynamic character and background animation in pure HTML and JavaScript without using flash. It’s very easy to use and light-weight, user can easily create animated sprites such as the birds you see on This page, and dynamic scrolling backgrounds.

jquery-spritely

The Plugin use only two key methods, sprite() and pan() both of which simply animate the background-image css property of an element. The difference between the two is that a ‘sprite’ image contains two or more ‘frames’ of animation, whereas a ‘pan’ image contains a continuous image which pans left or right and then repeats.

You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you’ll see what we mean).

Advantages of spritely :

  • support for iPhone/iPod Touch/iPad
  • It works in all major browsers including IE6.
  • Great alternative to Flash if your desired platform does not support it ( like iPad ).
  • light-weighted
  • animated objects can also fly above the text of a web page, or you could animate a background, without affecting other elements on the page.
  • Easy to make fully accessible web pages in pure html and JavaScript without any problem.

Download: http://www.spritely.net/download/

Article Categories:
jQuery Plugins

Comments

wonderful comments!