Monday, March 22nd, 2010
Spritely: sprite and pan away
<>p>
Spritely is a new jQuery plugin that adds sprite() and pan() to your $().
The fun front page of birds is explained with simple goodness of:
JAVASCRIPT:
-
-
// animate through 3 frames
-
$('#bird').sprite({fps: 12, no_of_frames: 3});
-
-
// clicking on the screen flies a sprite to you
-
$('#bird').sprite({fps: 12, no_of_frames: 3}).activeOnClick().active();
-
$('body').flyToTap();
-
-
// random movement
-
$('#bird')
-
.sprite({fps: 8, no_of_frames: 3}
-
.spRandom({
-
top: 70,
-
left: 100,
-
right: 200,
-
bottom: 340,
-
speed: 4000,
-
pause: 3000
-
});
-
The library is very new with 0.1 stable and 0.2 preview out.
Also check out this demo and follow them.
Related Content:
4.6 rating from 36 votes
Is this Animated GIFs 2.0??