Flash：シンボル・インスタンスを作成して、ActionScript3.0で動かしてみるサンプル

2016-01-16 15:09:30

Flash：インスタンス名でつまづく

Flashでは、「シンボル」をライブラリに登録して、それらを「インスタンス」として配置する。
同じシンボルを複数配置するという事は「１つシンボル」と「複数のインスタンス」という事になる。

シンボルとインスタンス別物であることなんかはわかっているが、作業していてドハマリした。
特にテストでは１つのシンボルを登録し、１つのインスタンスを配置して動かそうと作業していたので、ハマるハマる。

結局、「インスタンスの名前をつけているつもりが、一生懸命シンボルの名前をつけていた」「インスタンスのプロパティをみているつもりが、一生懸命シンボルのプロパティをみていた」というマヌケなお話。

とにかく「Flashでシンボル・インスタンスを作成して、AcrionScript3.0で配置したインスタンスのプロパティを変更して動かすまで」のサンプルを作成してみる。

新規作成

[ファイル]→[新規]で、種類を「ActionScript3.0」で、新しいFlashデータを作っていく。

シンボルを作り、インスタンスを配置…

まずは「シンボルを作成して、インスタンスを配置する」

適当な図形を描いて、右クリックして「シンボルに変換」とする。

シンボルのプロパティには「名前」を入力、種類は「ムービークリップ」にして、ＯＫ。

これで「シンボル」が作成され「インスタンス」が配置される。

私にとってはこれがワナだった。「プロパティ」で設定したのはシンボルの名前。決してインスタンスの名前ではない。
考えなくてもわかること、なのに…すっかりインスタンスの名前を付けた気になっていた。
画面上に配置されているのはシンボルではなく、インスタンス。シンボルを引っ張りこんだインスタンス。説明が難しい…。

ここでは、シンボルの名前に「mc」とつけてしまいました。これも間違いのもと…?

インスタンスの名前を設定

繰り返しになるが、前項で設定したプロパティは「シンボルの」プロパティ。
これからインスタンスのプロパティに、インスタンスの名前を設定していく。

配置されているインスタンスをクリックして、青い四角で選択された状態にして、「プロパティ」インスペクタを開く。
初期設定の作業画面なら、右側の「ライブラリ」の隣にある「プロパティ」タブ。
ない場合は、上メニューの[ウィンドウ]→[プロパティ]で表示できる。

ちなみに上の図で赤い下線を引いた部分。
『インスタンス：mc　[入れ替え]』となっていて、表示が紛らわしい。
まるで「mc」というインスタンスができているように見えるが、「このインスタンスは『mc』というシンボル（オブジェクト）を引っ張りこんで使っていますよ」という意味。
（あまり正しい説明じゃないかも。あくまでも、そんなイメージで、という事で。）

この状態ではまだインスタンスには名が付いておらず、インスタンス名を入力する場所には『<インスタンス名>』となってるので、ここにインスタンス名を入力する。
このインスタンスの名前が、後にActionScriptでも使用するインスタンス名。
ここでは「instance_mc」としてみた。

ActionScript3.0で動かしてみる

この配置したインスタンスを、ActionScript3.0で動かしてみる。
使用するコードは、次のコード。


import flash.events.Event;

addEventListener(Event.ENTER_FRAME, kaiten);
/*
（１）「addEventListener」で監視。何を？ → フレームが読み込まれるのを（Event.ENTER_FRAME）。
（２）監視にひっかかったら → 「kaiten」というfunctionを実行する。 
*/


function kaiten(evt: Event): void {
    instance_mc.rotation += 10;
    /*
    インスタンス「instance_mc」のプロパティ「rotation」の値に10足す == １０度回転する
    */
}

ここで考えるのが、このコードを「どこに記述するのか」という事。
スクリプトはメインのタイムラインのフレームにも、シンボルのタイムラインのフレームにも記述できる。

正解はメインのタイムライン。
メインのタイムラインに配置したインスタンスなので、メインのタイムラインにコードを記述する。
「instance_mc」という名前のインスタンスはシンボル「mc」の中には存在しないので、シンボルのタイムラインに記述したら「インスタンスが見つかりません」的なエラーで動かない。

メインのタイムラインの最初のフレームを右クリックして、「アクション」を選択する。