HTML5 Zone is brought to you in partnership with:

Hirvesh Munogee is a freelance web developer who also happens to have a passion for blogging. Hirvesh is a DZone MVB and is not an employee of DZone and has posted 167 posts at DZone. You can read more from them at their website. View Full User Profile

jQuery.Spritely: Create Dynamic Character & Background Animation in HTML & JavaScript

07.30.2012
| 2659 views |
  • submit to reddit
jQuery. Spritely is a jQuery plugin for creating dynamic character and background animation in pure HTML and JavaScript.  It's a simple, light-weight plugin with a few simple methods for creating animated sprites  and dynamic scrolling backgrounds.  You can use it on any HTML web page, and any part of the page can interact with a sprite.

Features

  • It works well on iPhone/iPod Touch/iPad - check out this page on an iPhone. (Please note that there is a problem with the current version of Mobile Safari on the iPad - see the documentation page for more information.)
  • It has been tested successfully on all the major browsers - even Internet Explorer 6
  • It's a great alternative to Flash if your desired platform does not support it.
  • It's light-weight so you can do fill the whole window with movement without draining bandwidth.
  • 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.
  • You should be able to make fully accessible web pages in pure html and JavaScript without any problem

Browser Support

  • Internet Explorer 6 +
  • Firefox
  • Safari
  • Chrome
  • Opera

Mobile Support

  • Android
  • iPhone
  • iPad
  • iPod Touch
Published at DZone with permission of Hirvesh Munogee, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)