イメージエフェクト その2
画像がフェードインしてきて最後に光るエフェクトの簡単な作り方です
解説はつづきから
新規ファイル作成
ステージ設定はサイズを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の作り方でした