# アニメーション

![animation-01][animation-01]  
プレビューとモニタリングモードの切り替え時に、コンポーネントのトリガーとなるアニメーションを設定できます。

- プロパティ

  - 遅延 - アニメーションを開始する前の待機時間
  - 持続時間 - アニメーションの各ラウンドの期間
  - インターバル - アニメーション間の時間間隔
  - 繰り返し - アニメーションが自動的に繰り返されるかどうか
  - 自動再生 - コンポーネントが作成されたときにアニメーションを自動的に開始するかどうか
  - デルタ - アニメーションの進行状況を制御するデルタ関数（アニメーションデルタ関数）
  - イーズ - アニメーションデルタ関数のタイミング
    - イン - エントリーポイント
    - アウト - 完了ポイント
    - インアウト - エントリーポイントと完了ポイント

- アニメーションの種類

1. ローテーション
   ![animation-02][animation-02]
   ![animation-03][animation-03]
1. 振動  
   ![animation-04][animation-04]
1. ハートビート  
   ![animation-05][animation-05]
1. 移動
   ![animation-06][animation-07]
   ![animation-07][animation-06]
   ![animation-08][animation-09]
   ![animation-09][animation-08]
1. アウトライン  
   ![animation-10][animation-10]

[animation-01]: ../images/animation-01.gif
[animation-02]: ../images/animation-02.gif
[animation-03]: ../images/animation-03.gif
[animation-04]: ../images/animation-04.gif
[animation-05]: ../images/animation-05.gif
[animation-06]: ../images/animation-06.gif
[animation-07]: ../images/animation-07.gif
[animation-08]: ../images/animation-08.gif
[animation-09]: ../images/animation-09.gif
[animation-10]: ../images/animation-10.gif