2009年12月1日火曜日

Flashでアニメーションなポップアップウィンドウ

0

画面内のボタン(今回はしたの丸3つ)をクリックすると、うにょんとアニメーションでポップアップウィンドウが出てくるFlashの作り方メモです。action script2.0で作ってます。

→デモはこちら

とりあえずはひとつの動きを作るために以下をメモ。

1.ボタン用ムービークリップ(mc_red)の作成

2.ポップアップウィンドウ用のムービークリップ(mc_window)の作成
レイヤーは下図のとおり。(クリックで拡大表示)

1

 a.「window」レイヤーに矩形の描画
  1フレーム w20*h20 x0 y0
  15フレーム w220*h220 x-100 y-90
  20フレーム w200*h200 x-90 y-80
  各フレーム間でシェイプトゥイーンを作成する。

 b.「close」レイヤーにcloseと書く

 c.ボタンの作成。新規シンボルでボタンを作る(名前は任意)

 d.「btn」レイヤーに4でつくったボタンを配置する

 e.ボタンに「btn_close」というインスタンス名をつける(プロパティ)

 f.「label」レイヤーの30フレーム目にキーフレームを挿入。「close」というラベル名をつける

 g.「action」レイヤーの25フレーム名に下記のaction scriptを記述

  stop();
   btn_close.onPress = function(){
   gotoAndPlay("close")
  };

 h.30フレームからウィンドウが閉じるようなアニメーションを作る(2を参考に)

 i.最終フレームの「action」レイヤーにキーフレームを挿入。action scriptを記述
  stop();

3.「シーン1」に戻ってボタンのシンボル作成(btn_red)

4.「mc」レイヤーを作ってmc_redを任意の位置に配置

5.「btn」レイヤーを作ってmc_redの上にbtn_redを配置。インスタンス名を「btn_red」とする

6.「window」レイヤーを作って11フレーム目にmc_windowを配置

7.「label」レイヤーを作って10フレーム目に「red」というラベル名をつける

8.「action」レイヤーを作って1フレームに以下のaction scriptを記述
stop();
btn_red.onPress = function(){
gotoAndPlay("red")
};

9.11フレーム名にキーフレームを挿入して以下のaction scriptを記述
stop();
btn_red.onPress = function(){
gotoAndPlay("red")
};

TLは下図のような形
2

今まで得た知識の応用でなんとかできた感がある。
そういうのって成長したっぽくてうれしいw

記事内、なにかおかしなところがありましたらご指摘いただけたら幸いです。

0 件のコメント:

コメントを投稿