transition

言語バージョン

AS2 and AS3.

語法

... transition:value, ...

パラメーター

value:String または Function — 使用するtransitionの種類。経過時間に応じた様々なトゥイーン効果を生み出すために、複数の異なる式を使用することが可能。このパラメーターを指定する際には、transitions一覧に掲載されている文字列を使って指定する方法の他、イージングをカスタマイズするためのカスタムファンクションも使うことが可能（より詳細な説明＆使用例は下記を参照されたい）。デフォルトのtransitionは"easeOutExpo"。

用例

// myMovieClipを_x = 200の位置に、退屈で単調なlinear trantision式で移動 (AS2)
Tweener.addTween(myMovieClip, {_x:200, time:1, transition:"linear"});

// myMovieClipを_x = 200の位置に、よりスムーズなeaseOutExpo transition式で移動 (AS2)
Tweener.addTween(myMovieClip, {_x:200, time:1, transition:"easeOutExpo"});

// 上記と同じ事を、ファンクションへの参照を使って実現
Tweener.addTween(myMovieClip, {_x:200, time:1, transition:Equations.easeOutExpo}); 

// 上記と同じ事を、Flashの持つファンクションへの参照を使って実現
Tweener.addTween(myMovieClip, {_x:200, time:1, transition:mx.transitions.easing.Strong.easeOut});

// カスタムファンクションの使用例
var myFunc:Function = function(t:Number, b:Number, c:Number, d:Number):Number {
	var ts:Number=(t/=d)*t;
	var tc:Number=ts*t;
	return b+c*(-97.1975*tc*ts + 257.5975*ts*ts + -234.4*tc + 80*ts + -5*t);
};
Tweener.addTween(myMovieClip, {_x:200, time:1, transition:myFunc});

注記

If you want to use a custom function as the transition, the function must receive four parameters: current time on the transition, starting tweening value, change needed in that value, and total easing duration (plus an optional object, which will contain any parameter passed as the transitionParams property of new tweenings). During each tweening, the transition function will be continuously called, with the first parameter increasing until it reaches the total duration; it must return the new expected value.

It's important to notice that this function follows the classic easing equation format, as used on Robert Penner's original easing equations, or Flash's own transition equations; as such, all mx.effects.easing equations (for AS3) or mx.transitions (AS2) also work.

See Tweener's caurina/transitions/Equations.as file for some examples on how this work.

A good custom easing equation generator can be found here.

参照

registerTransition, transitionParams