Get new jQuery plugins just once a week

×

SpriteClip

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

$("#domElement").spriteClip(options);

Created by Michael Wolthers Nielsen

Download

Example

SpriteClip js jquery plugin

Flash like animations in js

SpriteClip

Related posts:

Rivets-js
Enyo
Permit-js
SpriteClip js jquery plugin

http://jquer.in/wp-content/uploads/2013/05/SpriteClip-js.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever