# 애니메이션

![animation-01][animation-01]  
미리보기와 모니터링 모드로 변환될 시 동작할 컴포넌트의 애니메이션들을 설정할 수 있다.

- 속성

  - 대기 시간 - 애니메이션을 시작하기전 대기 시간
  - 지속 시간 - 애니메이션의 매 라운드 수행 시간
  - 재생 간격 - 애니메이션 간의 시간 간격
  - 반복 - 애니메이션 자동 반복 여부
  - 자동플레이 - 컴포넌트 생성시 애니메이션 자동 시작 여부
  - Delta - 애니메이션의 진행 상태를 제어하는 델타 함수(Animation Delta Function)
  - Easy - 애니메이션 델타 함수의 수행 시점
    - In - 진입시점
    - Out - 완료시점
    - InOut - 진입시점과 완료시점

- 애니메이션 종류

1. Rotation
   ![animation-02][animation-02]
   ![animation-03][animation-03]
1. Vibration  
   ![animation-04][animation-04]
1. Hearbeat  
   ![animation-05][animation-05]
1. Moving
   ![animation-06][animation-07]
   ![animation-07][animation-06]
   ![animation-08][animation-09]
   ![animation-09][animation-08]
1. Outline  
   ![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