States interactions module
Interactions are made with the ‘interactions’ module, by switching between ‘states’ of the composition.
A state is made of actions, buttons can be added to it.
When a scene switches to a new state, all actions from the state are applied.
The default state is applied when the web AR image marker is tracked by the camera for the first time.
There are many different actions, such as:
hide / show an object, play an animation, play a sound effect, change a color or set a timer to switch to another state after a fixed amount of time.
- Play model animation
Play an animation from a model that contains animations. At the end of the animation playback, you can choose to switch to another state.
- Pause model animations
Pause all the animations from the selected model
- Play basic animation
Animate a mesh from a model with a simple animation: scale up/down, pulse, rotate clockwise, rotate anticlockwise
- Stop basic animation
Stop all basic animation on the selected mesh
- Play audio
Play an audio file from the assets library
- Stop audio
Stop the playback of an audio file
- Play video
Play a video from the composition
- Pause a video
Pause the selected video from the composition
- Stop a video
Stop the selected video from the composition
- Show composition item
Unhide the selected items from the composition
- Hide composition item
Hide the selected items from the composition
- Show model meshes
Unhide the selected meshes from the composition
- Hide model meshes
Hide the selected meshes from the composition
- Display text in the footer
Display a short text at the bottom of the screen
Set an timer alarm, when the alarm is triggered, you can switch to another state
- Set material
Apply the selected material on the selected mesh
- Set material color
Change the color of the selected material
Buttons can be used to switch between states, or trigger an action (play sound effects, start a phone call, display a pop-up with text & image, open a webpage… )
To add a button to a state, first create a button, then add it to one or multiple states
You can follow this step by step tutorial to practice using the states interactions module