本文へジャンプ

Flash 14、ボタンを作成する
14、ボタンを作成する
Flashの再生や停止などをマウスで操作できるようにするには、ボタンを利用します。ボタンの動作は、ActionScriptによって設定することができます。
1、ボタンの作成とActionScript
『FREEMOT10N」では、閲覧者にマウスで操作してもらうためのボタンをムービー内1こ配置することができます。ボタンには、ムービーの再生や停止、次のシーンヘの移動など、さまさまな機能を割り当てることが可能です。
ボタンの作成は、「ボタン編集モード」で行います。ボタンは「Up」「0ver」「Down」「Hit」の4つの状態を示すフレームで構成され、それぞれの状態に応じて表示形式を設定することができます。たとえば「マウスを合わせるとボタンの色が青から赤に変わり、クリックすると青に戻る」というように指定することが可能です。
ActionScriptでボタンにアクションを割り当てる「クリックすると再生が開始される」というような動作をボタンに割り当てるには、ActionScriptを利用します。AotionScriptは、F1ashで使われるスクリプト言語(簡易プログラミング言語)で、これによってムービーを思い通りに制御することができます。『FREEMOT10N』では、[アクション]パネルを使ってActionScriptを記述できるようになっています。よく使うアクションは[アクションスクリプトウィザード]から選択するだけで記述でき、初心者でも比較的簡単にActionScriptを利用できるのが特徴です。ActionScriptの具体的な活用例はCh8pter.6でも紹介しますが、ここでは基本的な使い方をマスターしておきましょう。
2、ボタンを作成する
では、実際にボタンを作ってみましょう。ここでは、「ムービーの最終フレームにボタンを配置し、クリックすると再生がリピートされるようにする」という作例を紹介します。まずボタン編集モードでボタンのデザインを作成し、それをムービーのフレームに配置して、AotionScriptを挿入するという流れで行います。
1、[新しいシンボル]を選択
ボタンを配置したいムービーを開いておき、[挿入]メニュー→噺しいシンボル]を選択します。
2、シンボル名のタイプを設定
[新しいシンボル]ダイアログボックスが表示されます。シンボル名を入力し、[タイプ]から[ボタン]を選択して[0K]ボタンをクリックします。
3、[Up]フレームを編集する
ボタン編集モードに切り替わります、一まず[Up]フレームを選択し、Up状態で表示されるボタンを描画します。

補足
ボタンは、ルーラのX軸とY軸が「O」の位口を中心にして作成する必要があります。正確な位置に配置するために、ルーラとグリッドを表示しておきましよつ。
4、空のキーフレームを挿入する
[Down]フレームを右クリックして[空のキーフレーム挿入]を選択します。
5、Doun状態のボタンを作成
Up状態のときと同じ位置に、Down状態の表示を描画します。
補足
作成したボ負ンは、ボタンシンボルとしてライブラリに登録されます。

6、ボタン編集モードを終了する
同様の手順で、[Overフレームと[Hit]フレームにもボタンを描画します。作成できたら[タイムライン]ウィンドウの[シーン1]をクリックし、ボタン編集モードを終了します。
補足
[Hit]は、ボタンのどの部分がマウスで操作されたときに反応するかを指定するためのフレームです。
ここで範囲を指定しなかった場合は、[Up]フレームに配置したオブジェクトが範囲として適用されます。
3、、ムービーにボタンを配置する
1、、ムービーにボタンを配置する
ボタンを配置するためのフレームを作成しムービーの最終フレームと同じ位置にキーフレームを挿入します。このキーフレームを選択した状態で、[ライプラリ]パネルからキャンバスにボタンシンボルをドラッグして配置します、、
2、イベントを設定する
次に,ボタンにActionSoriptを追加しまず。キャンバスでボタンを選択し、[アクション]パネルの[マウス/キーボードのイベント]で[Press]を選択します。
補足
[マウス/キーボードのイベント]では、マウスやキーボードでどんな操作をしたときにスクリプトを実行するかを設定します昔マウスが押されたときに案行したい場合は「Press」を選択します
3、アクションを設定する
続いて、ボタン在クリックしたときに再生されるようにアクションを設定しましょう凸[アクションスクリプトトウィザード]で[再生」を選択します。
補足
「マウス/キーボードのイベント」では、マウスやキーオードで操作したときにスクリプトを実行するかを設定します。マウスが押されたときに実行したい場合は「Press]を選択します。
4、ムービーの停止を設定する
最終フレームでムービーが停止されるように設定します。ムービーの最後のキーフレームを選択し、[アクションスクリプトウィザード]で[停止]を選択します。完了したらプレビューを表示して、ボタンが正常に動作するか確認してみましょう。
topに戻る