Difference between revisions of "Tweener"

Revision as of 05:40, 12 October 2009

Tweener is an actionscript class library which lets you make all sorts of amazing easing in and out animation effects.

• Tweener Documentation
• Tweener AS3 Tutorial
• Examples (along with source fla)

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 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"});