Flash ActionScript2.0入門ノート: フレームアクション

フレームアクション

フレームアクションはムービークリップのインスタンスを配置する場合と同じように、キーフレームに設定します。レイヤーはどのレイヤーを使っても構いません。すでにムービークリップなどが入っているレイヤーにフレームアクションを設定することもできますが、フレームアクション専用のレイヤーを追加して使うのがわかりやすく一般的な方法です。フレームアクションが設定されているキーフレームにはaの文字が表示されます。
フレームアクションには、単独のステートメント、イベントハンドラ、ActionScript1.0のクラス定義、メソッド定義、関数定義のスクリプトを書くことができます。後述するようにムービークリップやボタンの個々のインスタンスにオブジェクトアクションを設定することができますが、それらの設定はタイムラインのフレームアクションで使ってまとめて使って書くほう書式が統一されて間違いもなく合理的です。

note:
ActionScript2.0のクラス定義はActionScriptファイルに書きます。

図3-2-3　フレームアクションに設定できる要素。

■フレームアクションが実行されるタイミング
フレームアクションは、キーフレームが再生されたときに1度だけ実行されます。たとえば、フレーム5がキーフレームになっているフレーム5～10の区間が再生される場合は、フレーム4からフレーム5に移ったとき、あるいはほかのフレームからこの区間にジャンプしてきたときに1度だけ実行されます。もしフレーム11にフレーム8に戻るスクリプトが書いてあったとすると、フレーム8～11のループ再生を行い、フレーム8を再生するたびにキーフレームのフレームアクションが実行されることになります。

■スクリプトの実行順と有効範囲
フレームアクションは1行目から順に実行されます。フレームアクションではfunctionを使ってメソッドや関数を定義できますが、同じフレームアクションに書いてあるスクリプトはすべて読み込まれてから実行されるので、1行目のスクリプトで2行目以降に定義してあるメソッドや関数を呼び出すことができます。
ただし、まだ再生していないフレームで定義してあるメソッドや関数を呼び出すことはできません。既に再生したフレームのフレームアクションならば呼び出せます。（ActionScript1.0のメソッドと関数→p.??）
また、タイムラインが1フレームしかない場合やthis.gotoAndStop(1);やthis.stop();というように、フレームアクションが設定されているフレームに留まる場合にも最初に1回しか実行されません。したがって、１フレームしかない場合などには、変数の初期化などが繰り返し行われることはありません。

■イベントハンドラ
Flash MX（Flash Player 6）から、フレームアクションにおいてインスタンスにイベントハンドラを設定できます。これにはいくつかのメリットがあります。
１つは、ムービークリップのアクションをonClipEventイベントハンドラに頼らなくてもよくなったことで、シンボル内にイベントハンドラを書き込むことができるようになりました。これにより、同じシンボルから作られるムービークリップのインスタンスにおいて共通のイベントハンドラを使えるようになります。
ただし、先にも書いたようにフレームアクションをムービークリップシンボル自身のタイムラインに書き込んだほうが効率がよいケースと、メインのタイムラインのフレームアクションからすべてのインスタンスを制御するほうがよいケースがあります。
2つは、ボタンのイベントハンドラでしか利用できなかったonPressやonRollOverなどのイベントアクションがムービークリップのイベントアクションでも利用できるようになりました。これも大変便利な部分です。たとえば、イベントハンドラを設定するインスタンスの名前がmy_mcだったとき、次のようにイベントハンドラを書きます。

my_mc.onPress = function(){
//インスタンスmy_mcがクリックされた時に実行するステートメント
};

3つは、ムービークリップ（MovieClipクラス）、ボタン（Buttonクラス）、テキストフィールド（TextFieldクラス）だけではなく、Soundクラス、Stageクラス、MovieClipLoaderクラスなどのコアクラスと呼ばれる標準のクラスがイベントをイベントハンドラで処理する仕様になっているからです。これによりスクリプトの様式が統一されて見通しも良くなります。

■MovieClipオブジェクトが受け取るイベント
ムービークリップのインスタンスは、MovieClipクラスから作られたインスタンス（MovieClipオブジェクト）です。MovieClipオブジェクトには次のイベントハンドラを設定できます。
ただし、onKeyDownやonKeyUpのイベントは、イベントが発生してもそのままではMovieClipオブジェクトに対してはイベントメッセージが送信されません。イベントを受け取るには、focusEnabledプロパティでフォーカスが当てるか、あるいはaddListener()メソッドを使ってKeyオブジェクトのリスナーに登録する必要があります。（リスナー→p.??）

イベントハンドラ　　　　　タイミング
MovieClip.onData　　　ムービークリップを読み込みが終わった。
MovieClip.onDragOut　このムービークリップの上でマウスダウンしたままカーソルが外へ出て再び戻った。
MovieClip.onDragOver　このムービークリップの上でマウスダウンしたままカーソルが外へ出た。
MovieClip.onEnterFrame　フレームが進んだ。
MovieClip.onKeyDown　キーが押された。（フォーカスがあるとき）
MovieClip.onKeyUp　　押されたキーが上がった。（フォーカスがあるとき）
MovieClip.onKillFocus　このムービークリップからフォーカスが移動した。
MovieClip.onLoad　ムービークリップが読み込まれて表示された。
MovieClip.onMouseDown　マウスボタンが押された。
MovieClip.onMouseMove　マウスカーソルが動いた。
MovieClip.onMouseUp　　マウスボタンが上がった。
MovieClip.onPress　　　　このムービークリップがクリックされた。（マウスダウン時）
MovieClip.onRelease　　　このムービークリップがクリックされた。（マウスアップ時）
MovieClip.onReleaseOutside　このムービークリップがプレスされたままカーソルが外へ出てマウスアップした。
MovieClip.onRollOut　このムービークリップの外へカーソルが出た。
MovieClip.onRollOver　このムービークリップの中にカーソルが入った。
MovieClip.onSetFocus　このムービークリップにフォーカスが移った。
MovieClip.onUnload　ムービークリップがタイムラインから消えた。

図3-2-4　MovieClipクラスのイベントハンドラ。

これをスクリプトで使用するには、「MovieClip」の部分を実際のインスタンス参照にします。たとえば、次のようになります。

this.onEnterFrame
my_mc.onPress
_root.my_mc.cat_mc.onRollOver

具体的なサンプルを示すと次のような使い方があります。このサンプルでは、ステージにcat_mcインスタンスを置き、メインのタイムラインのフレーム１に次のフレームアクションを書いています。ムービーをパブリッシュするとインスタンスが回転し、クリックすると逆回転になります。

sample→cat1.fla

フレームアクション:
//初期値の設定
cat_mc.k = 1;
//回転
cat_mc.onEnterFrame = function() {
this._rotation += this.k * 10;
};
//クリックで逆回転
cat_mc.onPress = function() {
this.k *= -1;
};

同様の動作を行うスクリプトをムービークリップシンボル自身のタイムラインに書き込む場合にはcat_mcというインスタンス名をthisに置き換えるだけです。このシンボルから作られたインスタンスはすべて回転するようになります。

sample→cat2.fla

フレームアクション（シンボル自身のタイムラインに記述する場合）
this.k = 1;
//回転
this.onEnterFrame = function() {
this._rotation += this.k * 10;
};
//クリックで逆回転
this.onPress = function() {
this.k *= -1;
};

■Buttonオブジェクトが受け取るイベント
ボタンのインスタンスには後述するようにボタンアクションにおいてon (press)といったイベントハンドラを設定できますが、フレームアクションでイベントハンドラを設定することもできます。ボタンのインスタンスは、Buttonクラスから作られたインスタンス（Buttonオブジェクト）です。Buttonオブジェクトには次のイベントハンドラを設定できます。
ただし、onKeyDownやonKeyUpのイベントは、イベントが発生してもそのままではButtonオブジェクトに対してはイベントメッセージが送信されません。イベントを受け取るには、focusEnabledプロパティでフォーカスが当てるか、あるいはaddListener()メソッドを使ってKeyオブジェクトのイベントリスナーに登録する必要があります。（イベントリスナー→p.??）

イベントハンドラ　　　　　タイミング
Button.onDragOut　このボタンの上でマウスダウンしたままカーソルが外へ出て再び戻った。
Button.onDragOver　このボタンの上でマウスダウンしたままカーソルが外へ出た。
Button.onKeyDown　キーが押された。（フォーカスがあるとき）
Button.onKeyUp　　押されたキーが上がった。（フォーカスがあるとき）
Button.onKillFocus　　このボタンからフォーカスが移動した。
Button.onPress　　　　このボタンがクリックされた。（マウスダウン時）
Button.onRelease　　　このボタンがクリックされた。（マウスアップ時）
Button.onReleaseOutside　このボタンがプレスされたままカーソルが外へ出てマウスアップした。
Button.onRollOut　このボタンの外へカーソルが出た。
Button.onRollOver　このボタンの中にカーソルが入った。
Button.onSetFocus　このボタンにフォーカスが移った。

図3-2-5　Buttonクラスのイベントハンドラ。

■TextFiledオブジェクトが受け取るイベント
テキストフィールドのインスタンスは、TextFieldクラスから作られたインスタンス（TextFieldオブジェクト）です。TextFieldオブジェクトには次のイベントハンドラを設定できます。

イベントハンドラ　　　　　タイミング
TextField.onChanged　　このテキストフィールドの内容が更新された。（フォーカスがあるとき）
TextField.onKillFocus　　このテキストフィールドからフォーカスが移動した。
TextField.onScroller　　このテキストフィールドのスクロールの状態が変化した。（フォーカスがあるとき）
TextField.onSetFocus　　このテキストフィールドにフォーカスが移った。

図3-2-6　TextFieldクラスのイベントハンドラ。

■その他のオブジェクトが受け取るイベント
このほかにも、Soundオブジェクト、LoadVarsオブジェクト、XMLオブジェクト、XMLSocketオブジェクトなどが、それぞれに関連したイベントハンドラをもつことができます。

イベントハンドラ　　　　　タイミング
Sound.onLoad　　サウンドデータが読み込まれた
Sound.onSoundComplete　サウンドの再生が終わった
LoadVars.onLoad　　loadまたはsendAndLoadの実行が完了した
LoadVars.onData　　loadまたはsendAndLoadでデータを読み込んだ
XML.onLoad　　loadまたはsendAndLoadの実行が完了した
XML.onData　　loadまたはsendAndLoadでXMLデータを読み込んだ
XMLSocket.onClose　　XMLSocketの接続が閉じた
XMLSocket.onConnect　　XMLSocketの接続が確立した
XMLSocket.onData　　　　XML形式のストリングデータを受信した
XMLSocket.onXML　　XMLオブジェクトをサーバーから受信した

図3-2-7　その他のクラスのイベントハンドラ。

投稿者 oshige : 2005年2月13日 15:09

Flash ActionScript2.0入門ノート

大重美幸 ActionScript 2.0 オブジェクト指向をがんばろう！

フレームアクション

大重美幸　ActionScript 2.0 オブジェクト指向をがんばろう！