＜第２回＞

2003/02/20

イベントドリブン

兵庫県立明石高等学校　松本吉生

ymatsumoto@hyogo-c.ed.jp

「イベントドリブン」とは「イベント」が生じたら何らかの動作が発生する、というプログラミングの手法です。下のサンプルを見てください。これはLivemotionで作ったものですが、「ボタンを押す」という操作（これを「イベント」といいます）によって、ムービーの動作をコントロールする、というスクリプトでできています。

青色の正方形は「ムービークリップ」で、何もしなければ画面を左から右へ動いていきます。右端へたどり着けばムービーは最初に戻り、左から再び動き始めるループになっています。

この「ムービークリップ」の動きを止めるために、ライブモーションでは「movieclip.stop()」というスクリプトが用意されています。そしてこのスクリプトを、画面の右下のボタンを押す「イベント」で発生させるという仕掛けを作っています。

止まった「ムービークリップ」を再開するには、「movieclip.play()」というスクリプトが用意されています。このスクリプトを画面の左下のボタンを押す「イベント」で発生させる作りになっています。次にこのムービーを作る手順を説明します。

まず画面を左から右に横切るムービークリップを作ります。最初にツールボックスから「四角形ツール」のボタンをクリックし、コンポジションの画面をドラッグして四角形を作ります。

作った四角形を「ムービークリップ」にします。「ムービークリップ」にすることで、図形を画面上に自由に動かすことができるようになります。描いた四角形を選択したまま「オブジェクト」メニューの「ムービークリップ」をクリックします。

「ムービークリップ」は画面を動く図形そのものですが、「ムービークリップグループ」は「ムービークリップ」をまとめる入れ物のようなものです。ここではムービークリップの動きを止めたり再び動かしたりしたいので、今作った「ブルー四角形」のムービークリップを「ムービークリップグループ」に入れておきます。「ムービークリップグループ」に入れるには、「ムービークリップ」を選択した状態で「オブジェクト」メニューの「ムービークリップグループの作成」をクリックします。

「名前」のウィンドウが開くので、キーボードからアルファベットの直接入力で「mｃ1」という名前を入力します。

作った「ムービークリップ」をループにしましょう。タイムラインで「mc1」の名前をクリックして選択し、青く反転した状態にします。そしてループのボタンをクリックします。ループが設定されると、ムービークリップグループの名前にループになったことを示すマークが表示されます。

ここで注意しておきたいことは、「mc1」のムービークリップグループは、指定した時間だけタイムラインが伸びていますが、コンポジション全体のタイムラインは伸びていないところです。つまり、あくまでもムービーとして作られたのは、「mc1」という名前の「ムービークリップグループ」なのです。試しにこの状態で「再生」ボタンを押しても、ムービーは動きません。作ったムービーを再生するには「mc1」の「ムービークリップグループ」を再生しなければならないのです。

ツールボックスから「楕円形ツール」のアイコンをクリックし、コンポジションに２つのボタンを作ります。色は何でもかまいませんが、ここでは黒色にしておきます。

描いた図形を「ムービークリップ」にするのを忘れないでください。「ムービークリップ」にすると、次の図のようにタイムラインでムービークリップを示すマークが付きます。ムービークリップにしないと、次のスクリプトを書く操作に支障がありますので、この時点で確かめておきましょう。

ムービークリップにするには、図形を選択して「オブジェクト」メニューの「ムービークリップ」をクリックします。タイムラインを見ると、いま描いた二つの図形が、「ブラック楕円形」という仮の名前になっており、名前の前にムービークリップであることを示す丸いマークが付いていることがわかります。

ではスクリプトを書きましょう。コンポジションの画面で、スクリプトを書きたいムービークリップをクリックして選択します。その状態で「スクリプト」メニューの「スクリプトエディタ」をクリックします。

まず左側のボタンは、一度止まったムービーを再開する「play」の働きをさせることにします。通常マウスの操作をスクリプトに書く場合、ボタンをクリックして離したときに動作が得られるようにします。そのためにはイベントハンドラの「onButtonRelease」にスクリプトを書きます。下の画面のように、イベントハンドラを選択する矢印をクリックして「onButtonRelease」イベントを選択します。

このとき画面の左側の部分には、コンポジションに置かれたムービークリップの一覧が表示されているはずですが、場合によっては「スクリプトシンタックスヘルパー」と呼ばれるスクリプトの一覧になっているかもしれません。その場合でもイベントハンドラを選択することは可能ですが、「ステートスクリプト」の状態になっているとイベントハンドラが選べません。その場合は画面中央上部の「ハンドラスクリプト」ボタンが押されていることを確かめてください。

では下の図を見ながらスクリプトを書いてください。アンダーバーやドットを忘れないで正しく書きましょう。

動かしたいムービークリップの名前は「_root.mc1」と記述します。ここで「_root」というのはコンポジションそのものを指し、「_root.mc1」とは「コンポジションに置かれたmc1という名前のムービークリップ」という意味です。したがって「_root.mc1.play()」というスクリプトは、「_root.mc1」という名前のムービークリップの「play()」メソッドを実行する、という意味になります。

まず右のボタンを押せばムービーが停止し、次に左のボタンを押せばムービーが再開するはずです。もしうまく動かなければスクリプトを確認してください。アンダーバーやドット、括弧を忘れてはいけません。

ライブモーションのスクリプトに慣れないうちは、間違ったムービークリップを選択してスクリプトを書いてしまう、間違ったイベントハンドラにスクリプトを書いてしまう、などの間違いをするときがあります。このとき、どこを間違ったのか調べるよりも、はじめからやり直したほうが手間がかからない場合があります。もしわからなくなったら、早めにあきらめて最初からやり直すという思い切りのよさも、完成への早道です。

このページを見て「スクリプトの勉強になった」と思われたら、ぜひメールをください。わからないところがあったら、質問もおっけーです。お待ちしています。

筆者のメールアドレスは、ymatsumoto@hyogo-c.ed.jpです。下の部分をクリックしてもいいですよ。