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 1".
  4. "State 1" 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 1", you can switch between "Base State" and "State 1" on the States panel to see the differences.
Animatable Properties

Switching between "Base State" and "State 1".

👉 Next Steps

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

Events & Interactivity