Flashでボタンを作ろう（アニメーション制御編）

今日はボタンでアニメーションを制御するという内容です。

これが出来るようになるとかなり出来ることが増えますよ＾－＾

ボタンの作り方が知りたい方はこちら

今回は以前作成したボールをバウンドさせるアニメーションを使いますので忘れてしまった方はこちら



①まずはバウンドさせるアニメーションを前回と同じように作成しましょう。

前回はスクリーンに直接作成しましたが今回は、作成する際に「挿入」から新規シンボルで「ムービークリップ」を作成します。



題名は何でもＯＫです。ここではアニメーションとしました。


すると右の「ライブラリ」の所に今作成したムービークリップがあるはずです。

これをダブルクリックします。



ダブルクリックしたら左上のタイムラインの所が画像のようになっているのを確認して下さい。


確認したら以前と同じように ボールバウンドのアニメーションをスクリーンに書いて下さい。



②次に同じように「挿入」から新規シンボルで「ボタン」を作成します。

これも以前と同じように 作成してください。



③二つとも作成できたら後は配置するだけです。

その際に頻繁に使うアクションスクリプトを使うのでぜひ覚えて下さいね＾－＾



まず上の画像にあるようにシーン１をクリックします。

すると何もないスクリーンが現れると思います。



そこに先ほど作ったボタンを配置しましょう。

配置したら２フレーム目を右クリックして「フレームを挿入」しましょう。



次にレイヤー１と書いてある所を右クリックして「レイヤーを挿入」します。

新しくできたレイヤー２の２フレーム目を右クリックして空白キーフレームを挿入します。

そこにボールバウンドのアニメーションを配置します。




ここまでの過程でタイムラインは上のようになっているはずです。



ここからいよいよアクションスクリプトの登場です。


まずレイヤー１の１フレーム目をクリックしてください。


そして左下にある「アクション」をクリックし、そこに

stop();

と書きます。

するとタイムラインの１フレーム目に　a　の文字が書かれているはずです。

これは字の通りフレームを進めずに止まりなさいという命令を与えたわけです。


次にスクリーン上にあるボタンをクリックして下さい。

そして「アクション」をクリックし、

on (press) {nextFrame();}

と書きます。

これはボタンを押したら次のフレームに進みなさいという命令です。



お疲れ様でした。これで完成です。

「ファイル」→「パブリッシュプレビュー」→「Ｆｌａｓｈ」

からちゃんと出来ているかチェックしてみてください。


もし何か質問などありましたらどんどんコメントくださいね＾－＾

こんな事やって欲しいというコメントも大歓迎です！


次回の講座の内容は

アニメーションを止めるやり方と、前回やったリンクを別ウィンドウで開くようにする

です。お楽しみに！

人気blogランキングに参加始めました。Flash講座をたくさんの人に広めたいです。

クリックお願いします＾－＾