エンベロープアニメーションのボタンにActionScriptを追加する

• 四月 28, 2024

最後のいくつかのチュートリアルでは、エンベロープがステージの中央に飛ぶアニメーションを完成させ、エンベロープのスタンプの上に非表示ボタンを追加しました。さて、アニメーションの前半でやるべきことは、ボタンに数行のActionScriptを追加することだけです。このコードは、フレーム80でアニメーションを停止し、クリックされるボタンをリッスンするようにFlashに指示します。ボタンをクリックすると、ActionScriptはアニメーションをフレーム81とアニメーションの後半に移動します。もちろん、アニメーションの残りの部分を作成する必要がありますが、今のところ、ボタンがタイムラインを制御するようにするコードに取り組みます。

flaファイルをFlash CS3で開きます。この時点で、タイムラインに80フレームがあります。このチュートリアルでは、フレーム80に取り組みます。

1. ActionsレイヤーとInvButtonレイヤーのロックを解除します。 Actionsレイヤーのフレーム80で、右クリックしてキーフレームを追加します。メニューバーから、ウィンドウ、アクションをクリックして、アクションパネルを開きます。
   
   
2. 次のコードを[アクション]パネルに追加します。
   
   やめる（）;
   
   InvButton1.addEventListener（MouseEvent.CLICK、open_Env）;
   
   関数open_Env（myevent：Event）：void {
   InvButton1.removeEventListener（MouseEvent.CLICK、open_Env）;
   演奏する（）;
   }
   
   ご覧のとおり、このコードには3つの部分があります。最初にstop（）コードを追加してアニメーションを停止し、ボタンがクリックされるのを待ちます。コードはフレーム80にあるため、ここでアニメーションが停止します。
   
   次に、非表示のスタンプボタンのInvButton1インスタンスにEventListenerを追加します。このEventListenerは、ボタンのマウスクリックをリッスンし、open_Env関数を呼び出します。
   
   open_Env関数は2つのことを行います。最初にEventListenerを削除してから、play（）コードを使用してアニメーションをフレーム81に移動します。
   
   
3. ActionScriptを[アクション]パネルに追加したら、[アクション]パネルを閉じることができます。
   
   
4. ご覧のとおり、このすべてをフレーム80で行いました。コントロール、ムービーのテストをクリックしてボタンをテストします。アニメーションは、フレーム80の後、以前のように自動的にタイムラインの先頭に戻りません。これで、ムービーは停止し、誰かがボタンをクリックするのを待ちます。これは、ActionScriptでタイムラインを制御しているためです。
   
   

エンベロープアニメーションの後半で作業を開始するときに、次のチュートリアルのためにflaファイルを保存します。

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの[a]登録商標または商標です。