Set Up Interactions
Last updated
Last updated
One of the best things about mtion studio is that you can set up interactions as complex as you like and design your own minigames for your community to play together while you are live on stream. You don’t have to learn to code or use scripts; simply drag and drop triggers and actions on the node graph. It’s quick and easy, and the limit is your own creativity. This is something totally new and has never been done before, so you are guaranteed to impress and make your community feel super special! 💖
Watch a quick video guide 👇
Note this video only shows Twitch interactions. Setting up interactions for other platforms like YouTube it's the same process, except connecting to your YouTube account instead of Twitch.
You can also load in the Interaction Tutorial Clubhouse from mtion studio dashboard for a more immersive step by step guide 👇
Click on the Interactions button at the top of the app to go into the Interactions View. You can also use “tab” to alternate between Interactions View and Editor View. This is an easy way for you to switch between views.
Triggers initiate actions or nodes, and there are four types:
Chat & Channel Triggers: Designed for Twitch, enabling chat to interact with your experience. Ensure Chat Integration is enabled in motion to connect to your Twitch account.
Hotkey Triggers: Simple and self-explanatory—trigger actions with a key press.
API Triggers: Hook motion to external programs via HTTP requests.
These are events that occur in your clubhouse when a trigger linked to the action is activated by either your chat or yourself.
There are 5 types of elements you can set up as triggerable actions:
Cameras: any cameras set up in your clubhouse can be assigned as an action. For instance, you can create a trigger to command a camera view change. Therefore, when your chat redeems this trigger, they will be able to switch the view on your livestream to this specific camera that you set up as the trigger's action.
Displays: any displays set up in your clubhouse can be assigned as an action. For instance, you can create a trigger to turn a display on and off. When your chat redeems this trigger, they will be able to turn on and off the particular display that you set up as the trigger's action during your livestream.
Lights: any lights set up in your clubhouse can be assigned as an action. For instance, you can create a trigger to turn a light on and off. When your chat redeems this trigger, they will be able to turn on and off the particular light that you set up as the trigger's action during your livestream.
Props: these refer to normal 3D objects & physics enabled 3D objects. Any of these objects in your clubhouse can be assigned as an action. For instance, you can create a trigger to make this object appear or disappear. When your chat redeems this trigger, they will be able to make this particular object appear or disappear during your livestream.
Toys: these refer to action enabled 3D objects. These objects are referred to as toys because they come with pre-defined mechanics. You can use each toy separately or combine them to create new minigames, establish your own rules, and more. For instance, the UFO toy has pre-defined action commands, such as movement (N, S, E, W), as well as picking up or dropping any physics-enabled 3D objects.
In this example, we will be setting up a trigger action to change your camera view to “camera 4”.
To set interactions in the Interactions View, start by creating a new trigger. Click the + button located at the top of the Trigger Panel. You will be asked to select a type of trigger you want to create. Choose “Chat” in this case. Once the trigger is created, you will see it show up on the trigger panel, under “Chat” list. From there, you can drag the trigger directly to the node graph; or simply right mouse click on the node graph and select this trigger from the drop down menu. We will rename this trigger to “View change to cam 4”
Click on this trigger will bring up the Trigger Inspector Panel on the right side of the app. In here, we can input further details. To customize the command for this trigger, go to the Chat Command section. This is the command that your Twitch viewers will need to type in chat to change your camera view to camera 4. By default, all commands will start with "!".
To set the command, enter cam4 in the command textbox. The usage example will then show !cam4. Your viewer will need to type !cam4 in Twitch chat to trigger the camera change to camera 4.
You also have the option to charge for this trigger. In the Cost section, you can set the currency amount to any number you desire. For this example, we set it to 100. For example, by turning on the cost section and setting the amount to 100 bits, your viewers in chat will need to use 100 bits to redeem this trigger if they want to change your livestream view to camera 4 view. (You better set something spicy in cam 4 view 😂)
Turning the Advanced option on in the Trigger info panel will give you more options on creating a more complicated trigger for your community to play.
Once turned on, you will see 4 new option categories:
Viewer Interactions: this allows you to set up the number of commands your chat will need to do in order for them to collaboratively pull off this trigger.
Goal Time Limit: this allows you to set up a time limit so your community can only try to pull off this trigger within a windowed time period.
Limit Gaol Repetitions: this allows you to set up the number of times you'd want this trigger to be used.
Cooldown: this allows you to establish a waiting period before this trigger can be used again.
Now that the trigger is on the node graph, next, we need to connect it to an action. You can see a list of all available actions on the Actions Panel. Simply drag and drop the action you want to be triggered onto the node graph. As we mentioned before, there are 5 types of actions. In this case, we will select "Camera view (4)". You can see that the action option for the camera is "Set As Active", which means the action is to transition whatever virtual camera view you are on to camera view 4. Drag this action directly to the node graph.
Now that both the trigger and action are set up, you can connect them by simply connecting the yellow nodes. Drag any of the yellow nodes and a yellow line will appear. Connect the line to the other node.
You can set up exit (output) points on an action and have it hooked into various other chain actions. For example, in this node graph below, we have a trigger set up to trigger the wheel spin, and in the mean time changing to camera view (1) as the wheel starting to spin. And we also added 4 actions as the second action squence after the spinner finishes:
a couple particle effects as the spinner finishes so we can have some fun visual effects to celebrate the winner
interactive text label as another second chain action so when the spinner finishes this text object will get automatically updated to the winning result
camera view (2) set a active, so once the spinner finishes, the virtual camera view will move to view (2) which I have it set up to focus on the interactive text label object that displays the winning result
And here's what it looks like in action 👇
The Steps of setting up a Hotkey Trigger Action is pretty much the same as setting up a Single Trigger Action. The only difference is that only YOU can use this trigger. So this can be pretty useful if you want to set up hotkey commands for certain actions.
This requires you to use the mtion SDK. Visit the mtion SDK page for more information. Here's a quick tutorial guide on how to set it up 👇
