http://www.yoshifumiohama.com/flash

 

Tweenの勉強ついでに自分のポートフォリオサイトのFlash版を簡単に作ってみました。

 

Tweenのおおよその使い方は、なんとなく理解できたかなと思います。

 

あと、Tweenを調べているなかでFusekitなるものもあり、なかなか便利とのことなのでいづれ使ってみたいと思います。

 

 

 

　
// クラス宣言
import mx.transitions.Tween;
import mx.transitions.easing.*;

// 各値
var startPos:Number = logo_mc._x;
var targetPos:Number = 350;
var easingType:Function = Strong.easeIn;
var duration:Number = 1.5;

logo_mc.onRelease = function():Void {
    
    // Tweenインスタンスの生成
    var logoTween:Tween = new Tween(logo_mc, "_x", easingType, startPos, targetPos, duration, true);
    logoTween.onMotionFinished = function():Void {
        logo_mc.stop;
       
        logo_mc.onPress = function(): Void {
            logo_mc._x = 7;
        };
       
    };
};



◎基本形式

var 変数 : Tween = new Tween(
　　　アニメーションさせたいインスタンス名,
　　　変化させたいプロパティ名,
　　  アニメーションの種類,
　  // (Back,Bounce,Elastic,Regular,Strong,None) , (easeIn,easeOut,easeInOut,easeNone)
　　　開始値,
　　　終了値,
　　　継続時間,
);