イメージエフェクト その2

photo_img



画像がフェードインしてきて最後に光るエフェクトの簡単な作り方です
解説はつづきから






新規ファイル作成
ステージ設定はサイズを400×300、背景を黒、フレームレートは30に





まずは画像を配置し、ムービークリップシンボルに変換
インスタンス名をimg_mcに




新規レイヤーを作成し、ActionScriptを記述

//使用するパッケージを読み込む
import fl.transitions.*;
import fl.transitions.easing.*;

img_mc.buttonMode = true;    //画像にマウスを乗せると指の形に

//エフェクトの設定
var myObj:Object = {
type:Photo,                 //エフェクトの種類
direction:Transition.IN,    //効果が始まる方向
duration:2,                 //効果時間
easing:Regular.easeOut      //イージング設定
};

//クリックイベント追加
img_mc.addEventListener(MouseEvent.CLICK,photoImg);

//クリックイベント設定
function photoImg(event:MouseEvent) {

    //エフェクト中はクリックできないようにイベントをはずす
    img_mc.removeEventListener(MouseEvent.CLICK,photoImg);
    img_mc.buttonMode = false;

    //エフェクトを適用
    var transition:Transition = TransitionManager.start(img_mc,myObj);

    //エフェクトが終了したら再びイベント追加
    transition.addEventListener("transitionInDone",animationComplete);
}

//イベント再設定
function animationComplete(e:Event):void {
    img_mc.buttonMode = true;
    img_mc.addEventListener(MouseEvent.CLICK,photoImg);
}


これでムービープレビューすると以下のようになってるかと思います







以上、イメージエフェクト その2の作り方でした