Paul Trani
最終更新日 :
Apr 28, 2021 12:24:29 AM GMT
注意：
2015 年 11 月をもって Edge Animate の積極的な開発は終了しました。詳しくは、エッジ製品群 | 開発終了を参照してください。
JavaScript を使用してコンポジションにインタラクティブ機能を追加できます。組み込みのコードエディターやスニペットライブラリを使用して、各エレメントのアクションを定義できます。アクションは、単一イベントを処理するために追加できる関数です。
インタラクティブ機能の追加
アクションを定義する
-
タイムラインで、エレメント名またはシンボル名の左側にあるアクションを開くボタンをクリックします。
エレメントパネルで、エレメント名またはシンボル名の左側にある、アクションを開くボタンをクリックすることもできます。
-
アクションのトリガーとなるイベントを選択します。
アクションエディターが表示され、右側にコードエディターとコードスニペットのリストが表示されます。
-
イベントのコードを記述します。
独自のコードを記述することも、コードスニペットを使用して一般的な関数を追加することもできます。詳しくは、_jpEdge Animate API ガイドを参照してください。
コードエディターを使用する
コードエディターによって、プロジェクトの JavaScript コード全体を把握できます。また、アクションファイルの生のコードを表示することもできます。
-
ウィンドウ／コードを選択します。
Ctrl + E キー（Windows）または Command + E キー（Macintosh）を押して開くこともできます。
-
左側のサイドバーで、ステージの左にあるプラス（+）アイコンをクリックしてイベントまたはエレメントを選択します。
-
JavaScript ファイル全体を編集するには、パネルの右上にある「フルコード」ボタンをクリックします。
タイムラインにラベルを追加する
タイムラインにラベルを挿入し、挿入したラベルを関数パラメーターでタイムリファレンスとして使用できます。タイムコード値を想定しているすべての再生関数のパラメーターとして、ラベル名を使用できます。ラベルを使用することによって、タイムライン上のポイントまで再生またはシークするようなアクションを作成できます。
ラベルを追加するには：
-
目的の位置まで再生ヘッドを移動します。
-
タイムラインの右上隅にあるラベルを挿入ボタンをクリックします。
注意：Ctrl + L キー（Windows）または Command + L キー（Macintosh）を押して追加することもできます。
-
ラベルの名前を指定します。
-
コードエディターでエレメントのアクションを定義するときには、タイムコード値を想定している再生関数のパラメーターとしてラベル名を使用します。
例えば、sym.play(1000) の代わりに、sym.play('mylabel') を使用できます。
タイムラインにトリガーを追加する
タイムラインにトリガーを配置して、ある時点で JavaScript コードを実行できます。
トリガーを追加するには：
-
目的の位置まで再生ヘッドを移動します。
-
タイムラインの右上隅にあるトリガーを挿入ボタンをクリックします。
注意：Ctrl + T キー（Windows）または Command + T キー（Macintosh）を押して挿入することもできます。
コードパネルが表示されます。
-
トリガーで実行するアクションを定義します。詳しくは、_jpEdge Animate API ガイドを参照してください。
タイムラインでトリガーアイコンをダブルクリックすることによって、いつでもトリガーのコードを変更できます。
さらに詳しく
アカウントにログイン