Tweener.addTween(ver.1.25.57)の使い方
August 20, 2007
Tweenerクラスのバージョンアップにより、前に書いた記事『Tweener.addTweenの使い方』と利用手順が一点変わりました。
また、パラメータを変えたときのTweenの変化がわかるようなswfを作りました。
手順
1.import
Tweenerクラスをimportします。
import caurina.transitions.Tweener;
2.addTweenメソッド呼び出し
次のように記述するとmyMcがx:50、y:50に向かって透明になりながら移動します。transitionはイージングの指定です。
Tweener.addTween(myMc, {x:50, y:50, alpha:0.2, transition:"easeinoutquad"});
次のswfではaddTweenメソッドのパラメータを操作して動きの確認ができます。
参考までに上のswfではaddTweenメソッドに次のようにパラメータ指定しています。
Tweener.addTween(logo, {x:nss[0].value, y:nss[1].value, scaleX:nss[2].value, scaleY:nss[3].value,rotation:nss[4].value, time:nss[5].value, delay:nss[6].value, skipUpdates:nss[7].value,useFrames:uf, rounded:rd, transition:ts, onStart:tweenEvent,onStartParams:[startParams], onUpdate:tweenEvent,onUpdateParams:[updateParams], onComplete:tweenEvent,onCompleteParams:[completeParams], onOverwrite:tweenEvent,onOverwriteParams:[overwriteParams],_blur_blurX:nss[10].value,_blur_blurY:nss[11].value,_blur_quality:nss[12].value,_autoAlpha:nss[13].value,_scale:nss[14].value,_bezier:bezierList});
それぞれのパラメータの意味は次の通りです。
Obj1...ObjNパラメータ
x : Number
移動先のx座標指定をします。
y : Number
移動先のy座標指定をします。
scaleX:Number
水平方向の拡大率です。
scaleY : Number
垂直方向の拡大率です。
rotation : Number
回転角度を指定します。
Tweeningパラメータ
time : Number
数を大きくするとトゥイーンのスピードが遅くなります。デフォルトは2で、0にするとトゥイーンしません。
delay : Number
待機時間です。数を大きくするとトゥイーンの開始時間が遅くなります。
skipUpdates : Number
レンダリングをフレーム毎に行うかの指定です。0は毎フレーム行います。数字を増やすとかくかくした動きになっていきます。デフォルトは0。
useFrames : Boolean
time設定の単位を秒にするか、フレームにするか指定します。trueがフレームで、falseが秒です。デフォルトはfalse。
rounded : Boolean
トゥイーン中のx座標、y座標、alpha値などの数値を整数にするかの指定です。trueだと整数、falseだと少数も許可します。デフォルトはfalse。
transition : String
イージングの種類を指定します。イージングの種類はEquationsクラスを見ると分かります。
Eventパラメータ
onStart:Function
トゥイーン開始時に指定したメソッドが呼び出されます。
onStartParams : Array
onStartで指定したメソッドにここで指定した配列がパラメータとして渡されます。
onUpdate : Function
トゥイーン処理でアップデートがかかる度に指定したメソッドが呼び出されます。
onUpdateParams
onUpdateで指定したメソッドにここで指定した配列がパラメータとして渡されます。
onComplete : Function
トゥイーン終了時に指定したメソッドが呼び出されます。
onCompleteParams :Array
onCompleteで指定したメソッドにここで指定した配列がパラメータとして渡されます。
onOverwrite :Function
addTweenメソッドが多重に呼び出された時に、ここで指定したメソッドが呼び出されます。
onOverwriteParams :Array
onOverwriteで指定したメソッドにここで指定した配列がパラメータとして渡されます。
Specialプロパティ
_blur_blurX:Number
水平方向のぼかし量を指定します。
_blur_blurY:Number
垂直方向のぼかし量を指定します。
_blur_quality:int
ぼかしを適用する回数を指定します。
_autoAlpha:Number;
透明度を指定します。0を指定すると、トゥイーン対象のオブジェクトは透明になります。
_scale:Number;
拡大率を指定します。_scaleに5、_scaleX、_scaleYに1を指定した場合は、_scaleX、_scaleYが優先され、トゥイーン対象オブジェクトは拡大しません(上のswfでは指定が競合してしまうため、_scaleの効果は試せません)。
_bezier:Array
ベジェ曲線のコントロールポイントを配列で指定します。
関連記事
scratchbrain blog ver.2 Tween.addTween 注意点(delayに注意)
scratchbrain blog ver.2 Tweenerのtransitionパラメータが一目で分かる
scratchbrain blog ver.2 Tweener.addTweenバージョン1.26.62で追加されたパラメータbaseを使う
scratchbrain blog ver.2 Tweener.addCallerメソッドを使ってみる
scratchbrain blog ver.2 Tweener.removeTweens検証
参考url
labs.zeh.com.br The search for the perfect bezier tweening syntax
Google Code Tweener Documentation
Google Code examples with source
Trackback
Trackback URL for this entry:
Listed below are links to weblogs that reference Tweener.addTween(ver.1.25.57)の使い方:
» [Action Script 3.0][Flash] Tweenerを使って2点間の移動を楽に行うネタ from as flash as flex - Holy’s Play Ground
AS3版FuseKitが無いので、Tweenerに傾倒中です。 このページは非常に参考になりそうな気配です。 Tweener.addTween(ver.... [Read More]
Tracked on September 11, 2007 12:54 PM



















