API Documentation for: 0.5.0
Show:

TweenJS Module

Defined in: TweenJS:9

The TweenJS Javascript library provides a simple but powerful tweening interface. It supports tweening of both numeric object properties & CSS style properties, and allows you to chain tweens and actions together to create complex sequences.

Simple Tween

This tween will tween the target's alpha property from 0 to 1 for 1s then call the handleComplete function.

    target.alpha = 0;
    Tween.get(target).to({alpha:1}, 1000).call(handleComplete);
    function handleComplete() {
        //Tween complete
    }

Arguments and Scope Tween also supports a call() with arguments and/or a scope. If no scope is passed, then the function is called anonymously (normal JavaScript behaviour). The scope is useful for maintaining scope when doing object-oriented style development.

 Tween.get(target).to({alpha:0})
     .call(handleComplete, [argument1, argument2], this);

Chainable Tween

This tween will wait 0.5s, tween the target's alpha property to 0 over 1s, set it's visible to false, then call the handleComplete function.

    target.alpha = 1;
    Tween.get(target).wait(500).to({alpha:0, visible:false}, 1000).call(handleComplete);
    function handleComplete() {
        //Tween complete
    }

Required Support

Tweenjs requires a ticker function, which is included in EaselJS. If you are not using EaselJS, you must build your own ticker function that calls tick on the tweens.

Browser Support

TweenJS will work in all browsers.