How state-based animation works

When you want to start adding animation and interactions to your scene, it's time to understand States and Events.

State-Based animation works by adding, well, you guessed it, multiple states to your objects.

Then, you can trigger animations from one state to another by using Events.

How to create an object state

  1. Select the object.
  2. Go to the States panel on the right sidebar and click the + icon.
  3. You'll see two new states. The Base State (the state your object was already in) and another one called State.
  4. State will be automatically selected, meaning you're ready to start applying changes to your object, like changing the scale, position, rotation, color, etc.
  5. Once you made changes to State, you can switch between Base State and State on the States panel to see the differences.

Read also

Animatable Properties

Switching between "Base State" and "State" and animation on Play Mode.

👉 Next Steps

Ok, you now have a new state, but when you enter Play Mode ("Play" icon), nothing happens. That's when Events come into play.

Events & Interactivity