In this lesson, we will discuss Spline animations. How it works, what types of animations we have, what triggers an animation, and what states and events mean.

Summary

Before going into animation settings, try to think through the following formula:

With a specific event, I want my object to change its state from state A to state B during n seconds.

Additionally, decide if you need to have delays and/or loops.

Afterwards, your next steps are:

Add states to your objects
Set changes for your new state
Add event
Add transition action
Set the correct order for states
Set correct timing and easing between states
Set delay and loop if needed

☝️ Base state is a default state for your object. A few properties changed in the Base state will be applied to the rest of the states. However, if you change the same properties in other states, they won't be applied to the Base and the rest of the states.

☝️ You can loop the transition between states as well as the whole transition animation.