2010年06月17日

ムービークリップシンボルの入れ子構造(ActionScript編)

Flashの基本機能がわからないという方や、素朴な疑問をさくっと解決したい!といった方のために、毎回1ネタピックアップしてお届けするこのコーナーチャッピー

さて、第24回の今日は、前回作成したアニメーションにActionScriptを記述して制御を行います。

ムービークリップシンボルの入れ子構造(ActionScript編)


ぴかぴか(新しい)前回のおさらいぴかぴか(新しい)
前回は、ムービークリップシンボルを入れ子してアニメーションを作成しました。
このアニメーションには、メインタイムラインで
・ステージ上を左から右に移動するアニメーション
ムービークリップシンボル内で
・回転するアニメーション
上記の2つが含まれています。
複数のアニメーションに対し、どのように制御をかけていくのかを確認しましょう目

ぴかぴか(新しい)完成ぴかぴか(新しい)






作成方法


1新規にレイヤーを追加して、追加したレイヤーにボタンを配置します。
今回は、サンプルライブラリのボタンを利用して作成します。
[ウィンドウ]メニュー−[サンプルライブラリ]−[ボタン]を選択します。
classic buttons]−[play]と[stop]をステージにドラッグします。
image01.JPG

2配置したボタンそれぞれにインスタンス名をつけます。
・playボタン ⇒ play_btn
・stopボタン ⇒ stop_btn

3次にActionScriptを記述します。
新規にレイヤーを追加して、追加したレイヤーの1フレーム目を選択後、アクションパネルを開きます。
スクリプトペインに下記内容のスクリプトを記述します。
play_btn.addEventListener(MouseEvent.CLICK,xPlay);
stop_btn.addEventListener(MouseEvent.CLICK,xStop);

  function xPlay (evt) :void{
    play();
  }

  function xStop(evt):void{
     stop();
  }


ムービープレビューで動作を確認してみましょう。





左から右への動きは制御できますが、内側の回転の動きは制御できていません。
上記内容のスクリプトでは、あくまでもメインタイムラインで作成されたアニメーションのみ(今回であれば、四角形が左から右へ動くアニメーション)を制御しているに過ぎません。
では、内側の回転の動きも制御するように、下記の通りスクリプトを書き加えてみましょう。

play_btn.addEventListener(MouseEvent.CLICK,xPlay);
stop_btn.addEventListener(MouseEvent.CLICK,xStop);

  function xPlay (evt) :void{
     play();//四角形が左から右へ動くアニメーションを再生
     s1_mc.play();//四角形が回転するアニメーションを再生
  }

  function xStop(evt):void{
     stop();//四角形が左から右へ動くアニメーションを停止
     s1_mc.stop();//四角形が回転するアニメーションを停止
  }


ムービープレビューで動作を確認してみましょう。







アニメーションが入れ子になっている場合や、メインタイムラインに複数アニメーションが含まれる場合、どのアニメーションに対して制御をかけるのかを示す必要があります。
その場合、インスタンス名+制御内容を記述することによって特定のアニメーションに対して制御をかけることができますわーい(嬉しい顔)
posted by チャッピー at 13:54
連載:Flash Beginner's School | コメント(2) | トラックバック(0)
この記事へのコメント
1つのフレームに置いたMCの制御はできるのですが、
連続したフレームに配置した、各ムービークリップを再生、停止するボタンの作り方がわかりません。おしえてください。お願いいたします。
Posted by 永原 佳代子 at 2010年09月04日 16:15
永原さま、コメントありがとうございます!

申し訳ございません。
お書きいただきました情報のみでは状況を把握するのが難しいので、この場で回答いたしかねるのですが、、、

もし、m-Schoolの講座を受講済みでいらっしゃいましたら、受講後3ヶ月間はメールサポートを受けることが可能ですので、作成中のファイルを添付頂きそちらまでご連絡頂ければと思います。

お力添えできず申し訳ございません。

今後ともどうぞ宜しくお願いいたします。
Posted by チャッピー at 2010年09月08日 17:13
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック