Runloop is a jQuery plugin for working with keyframe animations.
With Runloop, you can create run loops that repeat specific animations and functions.
The only limit is that steps (keyframes) have to happen in %5 intervals (%25; %50; %75; etc), and %10 intervals for animations less than 500ms.
Runloop is, for most, better than using jQuery’s animate(), because it allows for reusing vast amounts of code, and makes less hassle since there are no timing flaws when using it.
Spritely is a fairly new jQuery plugin for creating “dynamic character and background animation in pure HTML and JavaScript”.
The plugin is great for creating smaller applications–those, for which Flash would be overkill.
Spritely is ridiculously easy to use.
For example, you can animate a specially built image only by writing this:
07 February, 2011
By Lauris Veips
$('#bird').sprite({fps: 12, no_of_frames: 3});
Although the plugin is relatively simple, it allows, for example, using “perspective” and placing sprites behind oneanother.
Spritely is incredibly lightweight, and weighs around 4kb compressed. It has a lot features for such small size, though.
jsAnim is a pretty neat JavaScript animation library.
Unlike other graphic libraries for work with graphics, e.g. Raphaël, jsAnim is really simple, and weighs a mere 25 kilobytes.
Perhaps jsAnim’s best feature is “easing”, which allows using presets when doing animations.
The markup is straightforward, and, at least jsAnim’s developers claim that jsAnim “[isn't] sacrificing standards or accessibility”–which means it should work on most major browsers.
Mashi is a pretty interesting animation toolkit that works with timelines the way that MovieMaker or Vegas works.
You know, the first thing that stands out is the fabulous design of the homepage.
But, apart from that, Mashi provides a few fun features:
This plugin should be interesting for designers who want new solutions that JS simply cannot offer at the time.
