App UI
Dashboard
Upon launching mtion, you will be greeted with the dashboard. This is the central hub where you can find minigames, clubhouses, templates etc.
Constant Announcements: Stay up-to-date with the latest on new features, events, and other updates—they'll always be front and center.
Clubhouse Templates: In this section, you will see a curated list of clubhouse templates free for you to use and customize on top of. Most of the assets in these templates can be adjusted and allow you to customize the space further to make it uniquely yours. Just choose a template that vibe with you first to get started 🎉
Minigames: In this section, you will see a curted list of out of the box games for you and your livestream community of viewers to enjoy together. All you need to do is load in one of these games and let your chat know what are the commands to use to play together! You can see the game mechanics in the Interaction tab once the game is loaded in and make further edits if you wish.
My Clubhouses: This is where your saved clubhouses will appear. You can edit the name and description or go into the selected clubhouse by clicking on the corresponded icons. You can also use the export button to export your clubhouse if you'd like to share it with others; or use the import button to upload a clubhouse someone else shared with you.
The Bazaar: This is the marketplace for the community to share creations and assets. The feature is currently in the works and not available directly inside the app. However, you can access our Discord version of the Bazaar in mtion's Discord.
Tutorial Section: You can access templated clubhouses guiding you through specific application features.
mtion studio SDK: This will bring you to the mtion SDK page, where you will find more information on the SDK, and download the latest version of it. The mtion SDK is built for Unity, allows anyone to make expansive interactive environments in Unity and import it into mtion. For more details, visit this page.
Clubhouse View
When you select a clubhouse from the dashboard, it will open up the clubhouse and you will be able to go in it and edit things.
1. Home Button
Clicking on the home button will bring up a drop down menu. In here, you can find various commands and shortcuts.
Some notable commands in here:
Focus (F): this will allow you to quickly teleport to selected object inside the clubhouse. All you need to do is select the object in the Scene Hierarchy Panel, and while keeping your cursor still inside the clubhouse view, hit “F” key and you will be teleported right in front of this object in the clubhouse. Please note, the teleport option only works on Displays, Objects, and Lights element types currently.
Switch View (Tab): this will allow you to quickly switch between Editor View and Interactions View.
Snap to Camera (Shift+Ctrl+F): this will allow you to snap a selected element to your current view inside the clubhouse. It is an easy and convenient way to place an element to a spot quickly.
Image Snapshot: take a screenshot of your current view inside the clubhouse
Quality Levels: this will allow you to set your graphics quality levels depending on your computer specs to optimize mtion studio’s performance
2. Clubhouse Creator View
When in Creator View, you can move, explore, and make changes within the clubhous
🧭 Navigate inside the clubhouse
3. Clubhouse Interactions View
When in Interactions View, you can set up various triggers and actions inside your clubhouse. This unlocks a whole new level of viewer interactions and engagements that are not possible before.
For example, you can set up a simple interactive experience for your chat to turn on/off a light inside your clubhouse, change your camera view, etc., or as sophisticated as designing & setting up your own minigame right inside your clubhouse, and let your chat play it together with you while you are live, under YOUR OWN RULES.
You will notice that when in this view, there are semi-transparent grids in the graph panel, this allows you to still see the clubhouse view while setting up actions in that designated clubhouse area when in the interaction view for easy monitoring purposes.
Setting up an interaction is easy with our no-code node based logic flow. For more details on this, please refer to this page 👉 Set Up Interactions
4. Scene Hierarchy Panel
This is the list of every element already placed in your current clubhouse. You can edit any items on the list, add new items, or delete an existing item. Hover over any of the hierarchy element would highlight where this element is in the clubhouse. Click on any of the hierarchy element to select it. Once the element is being selected, you can start editing it.
There are 6 main categories of elements in the clubhouse, as shown in the scene hierarchy:
1. Cameras
This is where all your virtual cameras are grouped under. Think of mtion clubhouse as your own virtual production stage - within it, you can set up as many of these virtual cameras as you’d like. Each camera will capture a specific area of the clubhouse, such as points of interest that you can set up and show your community.
You will find the captured view from a selected virtual camera in the Preview Window which is located at the left bottom corner of the app. The feed in the preview window is what you will be sending to OBS and showing to your viewers.
Within the Virtual Camera category, there are two types of virtual cameras:
Normal Virtual Camera: this type of camera is NOT ATTACHED to any Display, it’s capturing whatever the area is in front of it.
Attached Virtual Camera: this type of camera is ATTACHED to a selected Display, thus only capture that display and nothing else. However, it will still capture another display if it’s placed in front of the selected display the camera is attached to.
You can change cameras easily even during your livestream. Setting up new 3D stinger transitions is now easier than ever with the ability to create new virtual cameras.
How to Change Virtual Camera Views:
📍 Clicking the camera on the Cameras list or directly on the camera icon inside the Clubhouse enables you to move the camera around in the environment.
📍 To move the cameras while live, there are two additional preferred methods: setting up hotkey commands or linking the cameras to Stream Deck buttons using the mtion Stream Deck plugin.
2. Displays
This is where all your input sources are grouped under. Current supported input sources are: desktop capture, window capture, connected camera, image, video (single video), video playlist, web browser, VTube Feed, NDI.
3. Objects
This is where all the 3D assets are grouped under.
4. Lights
This is where all the light sources are grouped under. Adding new sources of light can add a lot to the look and feel of your clubhouse.
5. Shapes
This is where all the primitive shape objects are grouped under. Shapes are more customizable 3D primitve object that you can adjust freely on the axis. This allows you to create 3D assets in a more simplistic and straightforward way inside of mtion natively, without getting into more advanced 3D modelling software such as Blender.
6. Avatars
This is where all your avatar models are grouped under. You can add multiple avatar models in your clubhouse! Currently, mtion supports VRM and VSF models. To import a VSF model, simply go to the avatar browser (click on the avatar button on the Hang Tool Bar) to upload it from your PC. To import a VRM model, you will need the mtion SDK to do so in Unity. See this page for more details.
5. Trigger Panel
The Triger Panel has 2 states, it will changes between these 2 states depending on if you are in Editor View or Interactions View.
When in Interactions View, the Trigger Panel will turn into actual Triggers & Actions Panel, where you can create new triggers, and edit each trigger in details. Also, you can see the Actions section at the bottom half of this Trigger Panel. In here, you can find all available elements inside the clubhouse that you can set up as actions that can be connected to a selected trigger.
6. Hang Tool Bar
The Hang Tool Bar shows 6 element icons. You can add a new element inside the clubhouse by clicking on the respective element icon.
It also has a play button on the far right side, turning it on will make the clubhouse go into a play mode, which means whatever objects that are being moved during this mode will get reset back to their original spots upon exiting the play mode. This is particular useful when your community is interacting with your space and messing everything up. It's like having a magic wand to place everything back after kids made a mess!
7. Inspector Panel
Selecting an element in the clubhouse will make its respective Inspector Panel show up on the right side of the app. Within the Inspector Panel, you will see all the editing options available for that specific element. The options on the Inspector Panel will differ depending on what type of element is selected. We will dive into details on the "Elements" page.
8. Live Chat Interaction Indicator
Click on this button to enable connections between mtion and your livestreaming platform, so your chat can play the interactions you've set up in your clubhouse.
9. Settings
Clicking on your profile picture will open up the settings dropdown menu. You can click on Preferences to further adjust your preference settings. You can also log out of your account by clicking on the Log Out option.
In the Preferences menu, you can install mtion studio stream deck plug-in, adjust your graphics quality level, frame rate, virtual camera resolution, as well as quickly turn on and off Twitch chat interactions.
*If you do plan to use mtion interaction feature with your chat, please make sure to turn the Chat Interactions ON!
10. Pop-Up Preview Window
Clicking on this button will bring up a pop-up preview window. This displays the live feed that mtion studio sends to OBS or Streamlabs OBS, which is what your viewers will see when you go live. The view in the preview window is tied to the selected Camera. For example, if you select a virtual camera that captures a playground area in your clubhouse, the preview window will display the exact view captured by that virtual camera. If you switch to a different virtual camera, the preview window view will change accordingly.
11. Camera Preview Tray
Clicking on this button will open up the Camera Preview Tray. In the preview tray, you can see all the camera views. This is a good place to get a holistic view of all your virtual cameras inside the clubhouse, and monitor the views easily.
12. Timelines Tray
Clicking on this button will open up the Timelines Panel. This is where you can create automated camera tracks or light tracks. Details on how to set up an automated timeline, please refer to this page 👉 Set Up Automated Timelines
13. Help Menu
Clicking on this button will open up the Help Menu.
Last updated
