Adding breakout areas to your region
Breakroom's prefab breakout areas make event setup easy. Learn how to add extra breakout spaces to your region, enable and manage key conference features, and customize camera angles.

Overview

Two breakout spaces and a workshop added to a region.
All of Breakroom's prefab breakout and meeting spaces come pre-equipped with voice zones and conference tools. You can place as many as you like within your region using the Room Editor.
Each breakout area that you add automatically receives its own custom voice zone ID, color, and a unique room number that is then added to the breakout room teleport menu. These options can be changed to suit the needs of your project.
After changing any settings in the Room Editor, it is useful to click "Save" to store your changes and then click the "Reset Zones" button to reset the conference system. If this doesn't seem to push your changes forward, try leaving the region and entering again.

Editing breakout area details in the Room Editor

To get more details about a specific breakout area, start the Room Editor and then click on the breakout area's name in the Objects window. This will bring up the Inspector window for that object.
In the Inspector window, click on the > arrow to the left of "RoomFurniture component." This will reveal several important information fields.
The RoomFurniture component fields are covered in more detail in our RoomFurniture component documentation. There you can learn how to nest and manage voice zones, adjust the screen aspect ratio and size, change a breakout space's zone type, and other useful tricks.
For the purposes of quick region setup, this page will focus on the following fields:
  • Zone ID: The ID number of the audio zone associated with the breakout area.
  • Zone Name: The audio zone's name.
  • Zone Color: The breakout area's color.
There are certain situations where you may want to manually change the values in these fields.

Zone ID

If two breakout areas or voice zones are assigned the same zone ID, users in those areas will be considered to be within the same zone, even if they are separated by the entire length of a region. Such a setup may result in cross chatter and general confusion.
If you encounter an unintended situation like this and want to resolve it, open the Room Editor and make sure each breakout area has its own unique zone ID by assigning it a new number. Click the Reset Zones button to push your changes forward, and click Save in the Room Editor once you are satisfied with your changes.

Zone Name

Each breakout area has a zone name in the format of "Breakout N," where N is a unique numeral. This name relays several important pieces of information to the Breakroom conference system.
  1. 1.
    That the breakout area should be included in the breakout area teleport menu.
  2. 2.
    How many breakout areas there are, and which number identifies this particular breakout area.
There may be times when you want to manually edit the teleport menu lineup -- for instance, if the first breakout area you set down (which automatically became "Breakout 1" and was assigned to the "1" button in the teleport menu) has been moved to a far-off area, and you'd rather make it "Breakout 5." Alternatively, you may wish to create a custom voice zone and add it to the breakout area teleport menu.
You can do this by editing the zone name. This name must be input as "Breakout N," where N is the new number. Click the Reset Zones button to push your changes forward, and click Save in the Room Editor once you are satisfied with your changes.
An example breakout area teleport menu, featuring teleport links to three breakout areas.
Once you've added a breakout area to the region, its colored and numbered button will appear on the teleport menu. Two or more separate breakout areas cannot be assigned the same number.

Zone Color

If you set down a new prefab breakout area, it will automatically assign itself a unique color. This color will be applied to the design of the physical breakout space, and will also appear as that breakout area's button background in the teleport menu. If you want to change a breakout area's color, you can manually enter any of the following colors in the zone color field:
  • Blue
  • Orange
  • White
  • Grey
  • Magenta
  • Teal
  • Black
  • Cyan
  • Red
  • Purple
  • Pink
  • Green
  • Yellow
If you want to change the hexadecimal code keyed to a particular color keyword, you can find instructions by visiting our RoomFurniture component documentation.

Editing breakout area cameras

All of Breakroom's voice zones, including the starter pack of breakout areas and booths, come equipped with cameras. These integrate seamlessly with our gesture and camera controls, allowing users to switch between a variety of camera angles while seated.
An example of the gesture and camera system UI.
In the image above, the user has clicked the "Audience Camera" button (highlighted in red). The camera has therefore snapped to an elevated third person position in order to show the whole of the audience space.
"Behind Camera" and "Forward Camera" are fixed relative to the user. However, the angle and location of the "Speaker Camera," "Screen Camera," and "Audience Camera" can be customized to support your individual needs.
The same Workshop area, viewed in Room Editor.
Here we can see the location of these cameras in Room Editor. There are three cameras, each indicated by a 3D camera icon bounded by a translucent box. The box color corresponds to the camera type, and these colors are consistent between all voice zones and breakout areas.
Box Color
Camera Name
Camera Focus
Orange
Audience
The audience as a whole.
Blue
Screen
The presentation screen.
Green
Speaker
The presenting speaker's avatar.
If you want to change the angle of any of these cameras, you can do so by following the instructions below. In this section, we will refer to the built-in camera that you want to move as the "static camera," and your own user camera as the "working camera."
The static audience camera selected in Room Editor. Notice how the translation gizmo is centered on it.
  1. 1.
    Open the Room Editor by clicking the pink "Edit Room" button at the bottom of your screen.
  2. 2.
    In the Objects window, highlight the breakout area object you want to edit.
  3. 3.
    Click the V icon to the left of the object name to expand it.
  4. 4.
    Click the V icon next to the "Breakroom Voice Zone" folder to expand it.
  5. 5.
    Click the V icon next to the "Cameras" folder to expand it.
  6. 6.
    Click on the static camera you want to move. This static camera will be highlighted on your screen, and the translation gizmo will center on it.
The working camera in fly camera mode, focusing on the Workshop from a different angle.
7. Leaving the static camera object selected, move your live camera into position. This angle and position will replace the current angle of the selected static camera.
8. Click the "Move object to camera" button located in the bottom toolbar. The static camera will snap into its new position.
The audience camera now focuses on the front of the audience.
9. Click "Save" in the Room Editor to save your work. To make sure your UI is refreshed, exit and return to the breakout area or voice zone. Your new camera angle will now be accessible.
Last modified 5mo ago