2008/5/29 Thursday

Tweener基礎

Filed under: Flash — at 2:26:05

AS3初心者でもわかるTweenerの使い方まとめメモ

社内向けメモも兼ねて。インスタンスmc_targetを例に書きます

//まずはimport(Tweenerを使う所にまず書く)
import caurina.transitions.Tweener;

//mc_targetのxを100に移動
Tweener.addTween(mc_target, {x:100, time:1, transition:"easein"});

//mc_targetを青に着色
Tweener.addTween(mc_target, {_color:0x0000FF, time:2, transition:"easein"});

//tweenの開始を遅らせる
Tweener.addTween(mc_target, {_color:0x0000FF, time:2, delay:1, transition:"easein"});

//組み合わせ(mc_targetのxを100に移動し、移動が完了したら青に着色)
Tweener.addTween(mc_target, {x:100, time:1, transition:"easein"});
Tweener.addTween(mc_target, {_color:0x0000FF, time:2, delay:1, transition:"easein"});//上の移動にかかるtime:1の分delayで開始を遅らせる

//組み合わせ2(onCompleteプロパティでtweenの終了を検出)
Tweener.addTween(mc_target, {x:100, time:1, transition:"easein", onComplete:nextAction});

function nextAction():void{
    Tweener.addTween(mc_target, {_color:0x0000FF, time:2, transition:"easein"});
}

//onCompleteはaddTween内に直接に関数を書く事も可能
Tweener.addTween(mc_target, {_color:0x0000FF, time:2, transition:"easein", onComplete:function(){ this.visible = false; }});

//複数プロパティ(mc_targetのxを100に、scaleを2倍に(同時に実行))
Tweener.addTween(mc_target, {x:100, scaleX:2, scaleY:2, time:1, transition:"easein"});

//rollOver、rollOut等で使う時には、実行中のtweenを削除する。(as2的作業で言うとonEnterFrame = nullみたいな)
Tweener.removeTweens(this);//まずこれでtweenを消してから再度addTweenを使う

これで最低限は使えるかな…?その他の情報は以下

・Tweener Documentation and Language Reference

・上記ページ内のTransition Types

1 Comment »

  1. [...] ■ 超訳:Tweenerドキュメント&言語リファレンス ■ Tweener 特殊プロパティ一覧 ■ Tweener 基礎的な使い方だそう。 ■ Tweener基礎 [...]

    Pingback by Tweener メモ2 « lab | blog | haikararou — 2010/1/7 Thursday @ 23:07:27

Leave a comment

HTML convert time: 0.211 sec. Powered by WordPress