＜第３回＞

2003/03/2

位置のプロパティ

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

ymatsumoto@hyogo-c.ed.jp

ムービークリップには位置のプロパティがあります。位置はコンポジションに対して左右をＸ座標、上下をＹ座標としてあらわします。コンポジションの上では常に画面の左上がゼロであり、「Ｘプロパティ」の値は右へいくほど増え、「Ｙプロパティ」の値は下になるほど増えます。ムービークリップは自分の座標を位置のプロパティとして持っており、この数値を変化させることで、ムービークリップの位置を変えることができます。次のサンプルは、ムービークリップをクリックすることで、Ｘのプロパティ値を変化させ、左右に動かすことができるようにしています。左右の三角をそれぞれクリックしてみてください。

スクリプトによって動かそうとするムービークリップには、名前を付けなければなりません。例えば「abc」という名前にする、と決めましょう。そして、このムービークリップを右方向へ動かすために、マウスでクリックしたときに「Ｘプロパティ」の値が10ずつ大きくなる、というスクリプトを書きます。そのために「スクリプト」メニューの「スクリプトエディタ」をクリックし、イベントハンドラの「onButtonRelease」イベントに、「_root.abc._x = _root.abc.x + 10」というスクリプトを記述します。

このスクリプトの意味は、「コンポジションに置かれたabcという名前のムービークリップのＸプロパティの値を10増やす」という意味です。このスクリプトは「_root.abc._x += 10」と書くこともできます。

スクリプトが書けたら、スクリプトエディタはウィンドウ右上の×印をクリックして閉じておきましょう。スクリプトエディタの扱いに慣れないうちは、このようにスクリプトを書くごとにスクリプトエディタのウィンドウを閉じることをおすすめします。

ムービークリップをコピーすると、スクリプトもコピーされています。「スクリプト」メニューの「スクリプトエディタ」をクリックして確かめましょう。このとき、もしスクリプトエディタのウィンドウが開いたままなら、一度閉じてから再び開くようにしてください。

スクリプトエディタの左側が「ムービークリップナビゲーター」になっていれば、下のように「ブラック四角形」というムービークリップが２つあることがわかります。ひとつは最初に描いた右向きの三角形、もうひとつは複製して左向きにした三角形です。左向きの三角形が選択されて、名前が青く反転しています。

イベントハンドラを選択する▼ボタンをクリックし、「onButtonRelease」イベントを選びましょう。そこには、先に書いた「_root.abc._x = _root.abc.x + 10」というスクリプトがあります。

左向きのボタンを押すと、ムービークリップは左に進まなければなりません。左に進むということは、横の位置を示すＸの値が小さくなる、ということです。そこでスクリプトの「＋」を「−」に変更し、「_root.abc._x = _root.abc.x - 10」というスクリプトにします。「_root.abc._x -= 10」と書いてもかまいません。

二つの三角形が水平方向に揃ったので、両方をひとつの「ムービークリップグループ」にします。こうすることで２つのボタンが一緒に動くことになります。

両方の三角形が選択された状態で、「オブジェクト」メニューの「ムービークリップグループの作成」をクリックします。

タイムラインを見ましょう。コンポジションには「ムービークリップグループ」が新しくできています。名前は「グループ化（２オブジェクト）」と仮のものが付いていますが、これを「abc」という名前に変更します。

名前を変更するには、名前を選択して青く反転した状態で「エンター」キーを押しても良いですし、「オブジェクト」メニューの「名前の編集」をクリックしてもかまいません。

いかがでしたか？ライブモーションを使い始めたばかりの人でも、簡単にスクリプトを使うことができたと思います。位置のプロパティ以外にもムービークリップには様々なプロパティがあって、マウスで画面をクリックするという「イベント」によって、それらの値を変更することが可能です。

次は、マウスでドラッグすることで画面上を自由に動かせる「ドラッガブルオブジェクト」を作りたいと思います。公開の予定は一週間ほど後になりますので楽しみにしていてください。

なお、このシリーズは全部で７回を予定しています。筆者への感想もお待ちしています。筆者のメールアドレスは、ymatsumoto@hyogo-c.ed.jpです。下の部分をクリックしてもいいですよ。