States are used to show different states of an object and for animating between them. Some examples you can use States for are:

• Showing different options for an object
• Showing different orientations & positions for an object (ex. door open, door closed) and animating between the states

State machine 050323_V2_1.mp4

The State Machine

The State Machine is a visual representation of the states and behaviors of each object based on events and trigger objects. Simply said, you can add states to objects and draw arrows between them to define how the transition between then would happen.

How to add States

1. Open the ‘Prototype’ panel by clicking on the lightening icon on the top toolbar

2. Make sure that the object you want to add states to is selected. You’ll see that every object always contains two state nodes: Base State and Any State

   • Base State is the starting point for when events occur in a specific order. For example, say you want a sphere to grow every time you press it
   • Any State is for when an interaction always produces the same result, regardless of what interaction came before. Say you want that same sphere to disappear every time you press ‘X’, regardless of its size stage

   

3. In the State Machine panel at the bottom, press ‘+ New State’ to add a new state to the selected object

1. You’ll see that a new state (ex. State 1) has been added to the State Machine. Selecting the newly added state and making changes to the object will save it to the State.

Changes are saved to the currently selected state