時間トリガーを使用してタイマートランジションを定義する方法を説明します。

時間トリガーを使用すると、時間のディレイと持続時間に基づいて、アートボード間のトランジションを作成できます。

時間トリガーをアクションと組み合わせて使用すると、ループアニメーションや進行状況バーなどの様々な効果を作成できます。以下に、自動アニメーションでループ効果を作成するために使用される時間トリガーの例を示します。

タイマートランジションを使用したアニメーション番号カウンター

単純なタイマートランジションを作成するには、次の手順を実行します。

プロトタイプモードで、移動元のアートボードのタイトルをクリックし、それを移動先のアートボードにワイヤーで接続します。

コネクタをクリックして、プロパティインスペクターにインタラクションパネルを表示し、次のオプションを設定します。

トリガー：「時間」を選択します。「時間」オプションが表示されていない場合は、手順 1 でアートボード全体とそのタイトルを選択していない可能性があります。
ディレイ：トランジションを開始するまでの遅延時間を入力します。設定できる範囲は、0.2〜5 秒です。
アクション：「トランジション」を選択します。また時間トリガーを自動アニメーション 、オーバーレイ 、そして音声再生など、他のアクションと組み合わせて様々な効果を作成することもできます。ループアニメーション効果の作成方法については、例を参照してください。
移動先 ：手順 1 で接続した移動先のアートボードが表示されます。必要に応じて変更できます。
イージング ：移動元のアートボードに適用するイージング効果を選択します。
デュレーション：イージング効果の持続時間を入力して、イージング効果が持続する時間の長さを指定します。設定できる範囲は、0.2〜5 秒です。