Timed
Timed animations are animations that are played constantly while the animation is active. This kind of dynamic animation allows the user to create effects like a tree being blown by wind or an animated UI button.
⚠️ Values can have different times, but be careful when changing time values if you want your animation to seamless loop!
| Property | Description |
|---|---|
| X | Moves the image on the horizontal axis. |
| Y | Moves the image on the vertical axis. |
| Scale X | Scales the image on the horizontal axis. |
| Scale Y | Scales the image on the vertical axis. |
| Skew X | Skews the image on the horizontal axis. |
| Skew Y | Skews the image on the vertical axis. |
| Angle | Rotates the image. |
| Color | Applies a color tint on the image. |
| Alpha | Modifies the alpha/opacity of the image. |
| Easing Mode | Applies an easing curve to all the properties that have time. (see easing.net) |
| Time Mode | Defines how Time handles. Ping-Pong makes time go forward and backwards. Continuous makes the time reset to 0 when it reaches the end. |