Upload
others
View
8
Download
0
Embed Size (px)
Citation preview
PART 2 ActionScriptレッスン Chapter 07 ActionScriptを書く
154 155
01 ActionScriptの準備をする
ActionScriptは3カ所に記述できる
ActionScriptは次の3カ所に記述できます。書く場所に
よって呼び名が異なります。また、記述のルールにも違
いがあります。ルールについては、この後、ActionScript
を実際に書きながら説明します。
なお、図ではムービークリップがわかりやすいように、テ
レビをアウトライン表示にし、背景を消しています。
■ActionScriptの種類記述場所 呼び名
フレーム フレームアクション
ボタン ボタンアクション
ムービークリップ ムービークリップアクション
ボタンアクションとムービークリップアクションは、まと
めて「オブジェクトアクション」とも呼ばれます。
フレーム(フレームアクション)
ボタンインスタンス(ボタンアクション)
ムービークリップインスタンス(ムービークリップアクション)
P O I N T
ここでいう「ボタン」と「ムービークリップ」は、ステージ上に配置したインスタンスのことです。ライブラリ内のシンボルではありません。ActionScriptを記述できるのは、フレームまたはステージ上のインスタンスだけです。
ムービーの動きが決まったら、具体的な準備に入ります。
テレビのムービーでは、各番組に対して「ボタンが押され
たら最初から再生しなさい」と命令します。そこで4つの
フレームに配置してある番組(ムービークリップインスタ
ンス)に、それぞれ「dog_mc」「marine_mc」「rose_mc」
「frog_mc」というインスタンス名を付けておきます。イ
ンスタンス名は、ムービークリップに対して命令を出すと
きに利用します。
インスタンス名を付けるときは、ステージ上のムービーク
リップを選択し、プロパティインスペクタの[インスタン
ス名]に名前を入力します。
この作業はActionScriptを書きながら行ってもいいので
すが、あらかじめ設定しておくと楽です。
インスタンスに名前を付ける
P O I N T
インスタンス名には半角の英数字を使います(先頭に数字は使えない)。後ろに付けた「_mc」は、ムービークリップを示すキーワードで、特に付けなくても構いません。ただ、「_mc」を付けておくと種類を判断しやすくなります。また、ActionScriptを書くときにもメリットがあります(→p.999)。
インスタンス名を入力
名前を付けるムービークリップ(インスタンス)を選択する
ActionScriptの準備をする01ActionScriptを使ってムービーを動かすときは、それなりの準備が必要です。まずはActionScriptを書く前にやっておくこと、知っておくべきことを説明します。ここで準備を整えてから、「02 フレームとボタンにActionScriptを書く」で実際にスクリプトを記述してみましょう。
最初にすることは、ムービーにどんな動きをさせたいかを
考えることです。これを明確にしておけば、どこに何のス
クリプトを書けばよいかが判断できます。
これからActionScriptを設定するのは、テレビ画面に4
種類の番組を表示するムービーです。1フレーム目に番組
タイトル、2~5フレーム目にはそれぞれ異なる番組(ムー
ビークリップ)を配置し、下のチャンネルボタンで番組を
切り替えます。また番組のムービークリップは、チャンネ
ルボタンを押したとき、最初から再生されるようにします。
ムービーの動きを考える
どこにActionScriptを設定するかを決める
4つのボタンで4種類の番組を切り替える
ActionScriptを設定しないでテレビのムービーを再生す
ると、番組タイトルと4つの番組が繰り返し表示されてし
まいます。そこで、次の3つの動きをActionScriptで設
定することにしました。
q 最初に再生されたとき、1フレーム目(番組タイトル)で
ムービーを止める
w ボタンを押すと、その番組が配置されたフレームに移動し
て止まる
e 各番組(ムービークリップ)は、ボタンを押したときに最
初から再生する
このうちqの動きはムービーの1フレーム目に、wとe
はステージ上の各ボタンに設定します。ActionScriptに
慣れないうちは、こんなスムーズに答えは出ないかもしれ
ません。ただ、経験を積んでActionScriptの機能を理解
するにつれ、ムービーにどんな設定をしたらいいかが自然
に分かるようになります。
参照ファイル television_01.fl a
1フレーム目にqの動きを設定
ボタンにw eの動きを設定
Flash_C07_1.indd 154-155 04.09.02 0:04:33 PM