Difference between revisions of "Tweener"
From Wikicliki
(→Blur) |
|||
Line 43: | Line 43: | ||
<pre>Tweener.addTween( this.parent.getChildByName('save_mc'), {x:430, delay:3, time:1, transition:"easeOutBack"});</pre> | <pre>Tweener.addTween( this.parent.getChildByName('save_mc'), {x:430, delay:3, time:1, transition:"easeOutBack"});</pre> | ||
+ | |||
+ | |||
+ | == onOverwrite == | ||
+ | |||
+ | VERY USEFUL! | ||
+ | |||
+ | <pre> | ||
+ | // Applies two tweenings on a movieclip, warning when the first is overwritten (AS2) | ||
+ | onOvr = function() { | ||
+ | trace ("A tweening has been overwritten at " + this); | ||
+ | delete init; | ||
+ | }; | ||
+ | function init(){ | ||
+ | Tweener.addTween(myMovieClip, {_x:100, time:1, onOverwrite:onOvr}); | ||
+ | } | ||
+ | </pre> | ||
+ | |||
+ | == base== | ||
+ | |||
+ | groups of tweens can have the same base: | ||
+ | |||
+ | http://hosted.zeh.com.br/tweener/docs/en-us/parameters/base.html | ||
+ | |||
[[Category:Programming]] | [[Category:Programming]] |
Revision as of 08:43, 12 April 2010
Tweener is an actionscript class library which lets you make all sorts of amazing easing in and out animation effects.
Contents
Blur
import caurina.transitions.Tweener; import caurina.transitions.properties.FilterShortcuts; FilterShortcuts.init(); Tweener.addTween(contact_btn,{_Blur_blurX:5,_Blur_blurY:5, _Blur_quality: 2, time:1, transition:"easeInOutExpo"});
_Blur_quality: 2 - is to attain a high quality, which gives an almost gaussian blur effect! otherwise you just have some wanky looking motion blur in each seperate x & y direction.
My sample implemenation (very simple example)
import caurina.transitions.Tweener; invest_mc.onRollOver = function () { invest_mc.gotoAndPlay("open"); Tweener.addTween(save_mc, {_x:168.5, time:0.3, transition:"easeInOutExpo"}); Tweener.addTween(protect_mc, {_x:58.5, time:0.3, transition:"easeInOutExpo"}); }; invest_mc.onRollOut = function () { invest_mc.gotoAndPlay("close"); Tweener.addTween(save_mc, {_x:376.4, time:0.3, transition:"easeInOutExpo"}); Tweener.addTween(protect_mc, {_x:266.5, time:0.3, transition:"easeInOutExpo"}); }
Referencing the parent / main timeline
Tweener.addTween( this.parent.getChildByName('save_mc'), {x:430, delay:3, time:1, transition:"easeOutBack"});
onOverwrite
VERY USEFUL!
// Applies two tweenings on a movieclip, warning when the first is overwritten (AS2) onOvr = function() { trace ("A tweening has been overwritten at " + this); delete init; }; function init(){ Tweener.addTween(myMovieClip, {_x:100, time:1, onOverwrite:onOvr}); }
base
groups of tweens can have the same base:
http://hosted.zeh.com.br/tweener/docs/en-us/parameters/base.html