Tweene - JS Animation Proxy - ver. 0.5.2

Tweene is a JS library that helps to improve your favourite animation engine, allowing you to do more and better.

There are already a lot of good JavaScript animation libraries on the market, each one with specific features, strengths and weaknesses. Each programmer and each project have their specific requirements, so sometimes one library may be suitable while other times it could not.

Tweene is something different. It is an animation proxy: used as a wrapper of your chosen library, it may allow you to

• write animations easily, thanks to its versatile interface that adapts itself to your programming style
• gain extra features
• switch easily from one library to another any time you want.

Currently it can work together with GSAP, Velocity.js, Transit (CSS Transitions) or jQuery.

Resources

• Features
• Documentation
• Examples

Getting started

To start using Tweene just include the script after your animation library of choice.

// use Tweene with GSAP: default time unit is 's'
<script src="/your/path/TweenMax.min.js"></script>;
<script src="/your/path/Tweene-gsap.min.js"></script>

// use Tweene with jQuery: default time unit is 'ms'
<script src="/your/path/jquery.min.js"></script>
<script src="/your/path/Tweene-jquery.min.js"></script>

// use Tweene with Transit: default time unit is 'ms'
<script src="/your/path/jquery.transit.js"></script>
<script src="/your/path/Tweene-transit.min.js"></script>

// use Tweene with Velocity.js: default time unit is 'ms'
<script src="/your/path/velocity.min.js"></script>
<script src="/your/path/Tweene-velocity.min.js"></script>

// use Tweene with more then one library
<script src="/your/path/TweenMax.min.js"></script>
<script src="/your/path/jquery.transit.js"></script>
<script src="/your/path/velocity.min.js"></script>
<script src="/your/path/Tweene-all.min.js"></script>
<script>
    // set your default time unit and driver
    Tweene.defaultTimeUnit = 's';
    Tweene.defaultDriver = 'gsap';
</script>

Or with package managers:

bower install tweene
or
npm install tweene

// use Tweene with more then one library
require('tweene');	
// set your default time unit and driver
Tweene.defaultTimeUnit = 's';
Tweene.defaultDriver = 'gsap';

// use Tweene with GSAP: default time unit is 's'
require('tweene/gsap');

// use Tweene with jQuery: default time unit is 'ms'
require('tweene/jquery');

// use Tweene with Transit: default time unit is 'ms'
require('tweene/transit');

// use Tweene with Velocity.js: default time unit is 'ms'
require('tweene/velocity');

History

• 0.5.2 Added support for npm and bower.
• 0.5.1 Predefined transforms order: now transformations are applied always in the same order. Fixed some minor glitches with CSS transitions.
• 0.5.0 First public release

License

Tweene is available under Artistic License 2.0, check the LICENSE.txt inside the archive for details.

Animation libraries of your choice are not included and have their own license agreement.