Behaviours can be used to add interactivity and animation to your scene. In this lesson, we'll enable users to open the door of the cabinet by applying a rotate behaviour to the model.
In this article:
Watch Tutorial: Behaviours Part 1 in BRIO
This video gives an introduction to creating interactive scenes using BRIO.
BRIO's Behaviour system allows you to build an interactive experience for your products on the web in 3d or in full Virtual Reality.
Add a single behaviour
BRIO allows you to add interactions and animations to your 3D scene using behaviours.
This lesson will show you how to add a simple rotation behaviour to your object.
Select your object
For this tutorial, select the door of the cabinet.
Adjust the pivot point.
Any movement or transformation applied to the object centres around the pivot point. In the case of rotation behaviours, think of this point as the hinge. For this tutorial, we need to move the pivot point to one of the corners of the door.
Go to the pivot point options in the object properties panel and select SET. The pivot point will turn yellow, and purple indicators that appear. Select the indicator in the top right corner of the door. The pivot point will snap to this corner.
Be sure to select "Finish" when the pivot point is set.
Add a trigger
1. With your object still selected, open the behaviours panel. A list of triggers will appear. These are interactions that will cause the behaviour to occur.
2. Select "Click".
If you want a behaviour to occur independently, select ON LOAD or TIMER
Add a behaviour
1. Once a trigger is selected, the behaviour list will appear. Select "Rotate".
Adjust behaviour settings
1. Use the sliders to set the degree of rotation. The 0 degree point is their starting position.
For this example, set the Y axis rotation to 90 degrees. This will cause the door to open.
2. Move the speed slider to set a duration for the behaviour between 1-10 seconds.
The behaviours set so far will cause your door to open when clicked.
Preview your scene to test it out.
If you want the door to close after opening, you can select the Ping Pong transition (this causes the behaviour to immediately reverse after occurring).
If you want the door to close when clicked, you can add a second behaviour.
Add a second behaviour
Once you’ve added a behaviour you will see options to add another behaviour, which will occur as part of the same interaction. In this example, the second behaviour will allow users to click the door once opened to close it again,
1. Click ADD BEHAVIOUR.
2. Select ROTATE.
Since this behaviour will return the door to its starting position, we do not need to adjust any of the rotation settings.
When you add multiple behaviours, you will see 3 options for transitions between them. They can occur simultaneously, one after another, or when triggered.
3. Select the trigger symbol as the transition. This means the door closing behaviour will be activated by the user.
You will also see 3 different options for the final behaviour in a chain : Trigger, Loop, and Stop.
4. Select the trigger symbol. This will cause the door to open or close any time it is clicked, and allow users to activate the behaviour multiple times.
Preview your Scene