Get new jQuery plugins just once a week



May 8, 2013

SpriteClip js | frame-by-frame animations in javascript

SpriteClip js is a jQuery plugin for Frame-by-frame animations in JS made easy by using an interface similar to AS3’s MovieClip.It works by animating the background-image property of a dom node where the “frames” are spaced out equally. Eg. if the sprite is laid out horizontally and each frame is 20px wide, frame 1 will be at background-position: 0 0 and frame 2 will be at background-position: -20px 0 .

Example Code


Created by Michael Wolthers Nielsen



SpriteClip js jquery plugin

Flash like animations in js


Related posts:

Pixel Perfect
SpriteClip js jquery plugin

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever
Couple Gift Ideas