# Animation

![animation-01][animation-01]  
You can set the animations of component which will run when converts to preview and monitoring mode.
  - Event point
  1. onCreate - Operate animation from the moment of running view mode.
  1. onChange - Operate when the data of component has been changed.
  - Animation type
  1. Rotation-CW  
  ![animation-02][animation-02]  
  1. Rotation-CWW  
  ![animation-03][animation-03]  
  1. Vibration  
  ![animation-04][animation-04]  
  1. Hearbeat  
  ![animation-05][animation-05]  
  1. Moving-Right  
  ![animation-06][animation-07]  
  1. Moving-Left  
  ![animation-07][animation-06]  
  1. Moving-Bottom  
  ![animation-08][animation-09]  
  1. Moving-Top  
  ![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
