> For the complete documentation index, see [llms.txt](https://docs.overdare.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.overdare.com/manual/studio-manual/get-started/studio-interface.md).

# Studio Interface

## Overview <a href="#overview" id="overview"></a>

Creators can use OVERDARE Studio to design in-game objects (world assets), build game maps (worlds), and craft **their own unique gaming environments**. Designed for accessibility, it enables both beginners and experts to create engaging and creative games with ease.

## OVERDARE Studio Basic Layout <a href="#overdare-studio-basic-layout" id="overdare-studio-basic-layout"></a>

### Viewport <a href="#viewport" id="viewport"></a>

Located in the Workspace, the Viewport displays objects placed in the world. It allows users to manipulate the position, rotation, and scale of selected objects.

<figure><img src="/files/mLLKBNJpd7fBZJz9cwkV" alt=""><figcaption></figcaption></figure>

#### **Camera Controls**

<table><thead><tr><th width="196">Keys</th><th>Action</th></tr></thead><tbody><tr><td>W, A, S, D</td><td><strong>Click on the Viewport</strong> and press W/A/S/D, or <strong>hold the right mouse button</strong> while pressing W/A/S/D to move the camera forward, left, backward, or right.</td></tr><tr><td>Q, E</td><td><strong>Click on the Viewport</strong> and press Q/E, or <strong>hold the right mouse button</strong> while pressing Q/E to move the camera down or up.</td></tr><tr><td>Shift</td><td>Hold Shift along with movement keys (W, A, S, D) to adjust the camera movement speed.</td></tr><tr><td>F</td><td>Focus the camera on the selected object.</td></tr><tr><td>Right Mouse Button</td><td><strong>Hold the right mouse button</strong> and move the mouse to rotate the camera.</td></tr><tr><td>Mouse Wheel Up/Down</td><td>Zoom in and out by moving the <strong>mouse wheel up or down</strong>.</td></tr><tr><td>Mouse Wheel Button</td><td><strong>Hold the mouse wheel button</strong> and move the mouse to pan the camera.</td></tr></tbody></table>

#### **Selecting Objects**

Hover over an object in the Viewport to highlight it with a blue outline. Click the highlighted object to select it.

<figure><img src="/files/aMrqzN8LQNSk2Id4I7p6" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/7VjZy9r92GfFrKOqSY9h" alt=""><figcaption></figcaption></figure>

Hold Shift while clicking to select multiple objects. Hold Ctrl + Shift while clicking to deselect objects.

### Level Browser <a href="#level-browser" id="level-browser"></a>

The Level Browser displays objects placed in the world, such as Parts, Models, and Scripts, and allows you to add or delete objects.

<figure><img src="/files/mgdUDaVF8zixvKlYDuAR" alt=""><figcaption></figcaption></figure>

#### **Adding Objects**

Hover over the location in the Level Browser where you want to add an object, then click the **+ button** to add a new object.

<figure><img src="/files/Ii7yLr6OknuWq56VoFYX" alt=""><figcaption></figcaption></figure>

#### **Editing Objects**

Right-click an object to access options like copy, paste, and delete.

<figure><img src="/files/CypDMRgjA2HVyEF1a0pC" alt=""><figcaption></figcaption></figure>

### Properties <a href="#properties" id="properties"></a>

Select an object in the Level Browser or Viewport to view or edit its properties in the Properties window.

<figure><img src="/files/LwBthcFkjSoSgZB7xTWR" alt=""><figcaption></figcaption></figure>

#### **Copying/Editing Properties**

Right-clicking a property value brings up a menu with options to copy or paste values.

<figure><img src="/files/3rPWBFlDxt0h4a5dYHR4" alt=""><figcaption></figcaption></figure>

### Asset Store <a href="#asset-drawer" id="asset-drawer"></a>

Use assets like models, images, meshes, and audio registered by other creators.

<figure><img src="/files/StEWOjdGGTVkNCiZr2QW" alt=""><figcaption></figcaption></figure>

#### Asset Manager <a href="#asset-manager" id="asset-manager"></a>

Import assets like models, images, meshes, and audio into the world, view the list of imported assets, and insert them into the world.

<figure><img src="/files/VoK9Bov1UFAyVWgPK9fo" alt=""><figcaption></figcaption></figure>

For more details on importing assets, refer to the manual below:

{% content-ref url="/pages/bS79pIBVkO3rjcUR9Zhi" %}
[Asset Import](/manual/studio-manual/asset-and-resource-creation/asset-import.md)
{% endcontent-ref %}

### Toolbar <a href="#toolbar" id="toolbar"></a>

The Toolbar is located at the top of OVERDARE Studio and consists of the Home, Model, Script, and View tabs.

<figure><img src="/files/s2ry36wbVSpOeKTqyUiq" alt=""><figcaption></figcaption></figure>

* Home tab: Provides basic tools for manipulating 3D objects and testing the created world.
* Model tab: Offers tools for manipulating 3D objects in the workspace, setting detailed materials and colors for objects, and adjusting Parts and collision settings.
* Script tab: Provides various features for controlling, testing, and debugging scripts within the project.
* View tab: Allows you to configure multiple windows and display settings within OVERDARE Studio.

## Toolbar <a href="#toolbar-1" id="toolbar-1"></a>

### Home Tab <a href="#home-tab" id="home-tab"></a>

<figure><img src="/files/rhVyhoaIA53SSJdPVp8o" alt=""><figcaption></figcaption></figure>

* Select, move, resize, and rotate objects in the Viewport.\
  ![](/files/QmQtUgQv9oog9FJbvmkf)

| Select Tool (Ctrl+1)                                                | Move Tool (Ctrl+2)                                                  | Scale Tool (Ctrl+3)                                                 | Rotate Tool (Ctrl+4)                                                |
| ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
| <img src="/files/6IVlw5jT93rj64C6ugTq" alt="" data-size="original"> | <img src="/files/FjI4sLObIMcRYCoCrnmm" alt="" data-size="original"> | <img src="/files/TfIhjQfP1PrB7OZS86Ct" alt="" data-size="original"> | <img src="/files/1PUba7OJEHsI9B9D6qXn" alt="" data-size="original"> |
| Object selection mode                                               | Position editing mode                                               | Size editing mode                                                   | Rotation editing mode                                               |

* Collision: Set whether objects like Parts or MeshParts collide or pass through other colliders by editing in the Viewport with Move/Scale/Rotate Tools.\ <img src="/files/ZYQHRPL1oTPsNZE92YWz" alt="" data-size="original">
* Create Parts, characters, or Rig Builders.\
  ![](/files/P3SbRY8WCGYZZgaRlMiD)
* Import: Insert external assets such as meshes, images, and audio into the world. Use Import to select a single file or Bulk Import to select multiple files.\
  ![](/files/hrY0zMJyRkxk4eWi7zoc)
* Apply Group, Lock, or Anchor to selected objects.\
  ![](/files/1v7KhFcbGHgoaVPbIpRE)
  * Group: Group selected objects into a Model or Folder.
  * Lock: Prevent selected objects from being selected in the Viewport.
  * Anchor: Set whether selected objects are physically anchored.
* Adds a script.\
  ![](/files/M62jfznKSrlJlhGr4MlB)
* Play the world in single or multiplayer test mode.\
  ![](/files/cE5WddFHsPLrJt9SSb2Q)
* Provides UI-related features.\
  ![](/files/A8Arh7f4DtNDYL39jpg3)
  * UI Mode: Displays UI objects placed in StarterGui in the Viewport.
  * Resolution: Change the Viewport resolution.
* Provide a graphics quality setting that matches the visual output of the mobile environment.\
  ![](/files/WYUOvyZRaYL75pipoBRs)

### Model Tab <a href="#model-tab" id="model-tab"></a>

<figure><img src="/files/TelSyRewHzATkyILPv1d" alt=""><figcaption></figcaption></figure>

* Same functionality as the Home Tab.\
  ![](/files/KfyCmuVmoPSVsy5vRJlH)
* Collision: Same functionality as the Collision Section in the Home Tab.\
  ![](/files/ZYQHRPL1oTPsNZE92YWz)
* Set the editing unit for moving, scaling, or rotating objects in the Viewport.\
  ![](/files/tdxq4POwr5KjjRwBJJHS)
* Import external assets, change the color of selected Parts, or manage materials.\
  ![](/files/OZzO8S78t6dhcHhVTYh7)
  * Color: Change the color of selected objects if applicable.
  * Material Manager: Add, edit, or apply materials.
* Same functionality as the Home Tab.\
  ![](/files/1v7KhFcbGHgoaVPbIpRE)
* Align: Align selected objects.\
  ![](/files/qzzDY9LmJcCPmPRloijU)
* Provides the ability to add or configure collision groups.\
  ![](/files/0tXZOfeSp1gepF2wqVlb)

### Play Tab <a href="#play-tab" id="play-tab"></a>

<figure><img src="/files/bR8QsCxr6QjfoJ1SR3l4" alt=""><figcaption></figcaption></figure>

Same functionality as the Play Section in the Home Tab.

### Script Tab <a href="#script-tab" id="script-tab"></a>

<figure><img src="/files/N3IiIhzqQCnmYo4Ds98w" alt=""><figcaption></figcaption></figure>

* Find / Replace: Find and replace text in the script editor. This feature can be used in a single script or across all scripts.\
  ![](/files/4bzdi8nYB8CSPe0QIbq9)
* Same functionality as the Home Tab.\
  ![](/files/lm4DXQSUOQiqtGCxCcTG)
* When a breakpoint is hit, the script executes the code line.\
  ![](/files/n6fpjzwYFtxfpzK9y3mh)
  * Step Into: Enter the **function** on the current line and continue debugging.
  * Step Over: Execute the function on the current line **without entering it, then move to the next line**.
  * Step Out: Execute the rest of the current function and return to the **parent function**.
* Same functionality as the Home Tab.\
  ![](/files/M62jfznKSrlJlhGr4MlB)

### View Tab <a href="#view-tab" id="view-tab"></a>

<figure><img src="/files/NfJiIqmwoDOYXe2XM80S" alt=""><figcaption></figcaption></figure>

* Show or hide specific panels.

  <figure><img src="/files/B3XuDEJCoCStY9Lzjy75" alt=""><figcaption></figcaption></figure>
* Display the Grid, Wireframe, and Collision in the Viewport.\
  ![](/files/AD9jmpxT6VYrsEgowIRl)
* Same functionality as the Home Tab.\
  ![](/files/9kuRA1o2rg79U6jMJkWn)

## Keyboard Shortcuts <a href="#keyboard-shortcuts" id="keyboard-shortcuts"></a>

<table><thead><tr><th width="214">Shortcut</th><th>Function</th></tr></thead><tbody><tr><td>Ctrl + 1</td><td>Select Tool</td></tr><tr><td>Ctrl + 2</td><td>Move Tool</td></tr><tr><td>Ctrl + 3</td><td>Scale Tool</td></tr><tr><td>Ctrl + 4</td><td>Rotate Tool</td></tr><tr><td>Spacebar</td><td>Switch tools in the order of Move - Scale - Rotate.</td></tr><tr><td>Ctrl + C</td><td>Copy the selected object to clipboard.</td></tr><tr><td>Ctrl + V</td><td>Insert the object saved to clipboard.</td></tr><tr><td>Ctrl + Shift + V</td><td>Insert the object saved to clipboard under the selected object.</td></tr><tr><td>Ctrl + X</td><td>Cut the currently selected object to the clipboard.</td></tr><tr><td>Ctrl + D</td><td>Duplicate the currently selected object.</td></tr><tr><td>F1</td><td>Go to the OVERDARE Creator Guide page.</td></tr><tr><td>F2</td><td>Change the name of the selected object.</td></tr><tr><td>F5</td><td>Run the play test.</td></tr><tr><td>Shift + F5</td><td>End the play test.</td></tr><tr><td>Pause</td><td></td></tr><tr><td>F11</td><td>Toggle viewport panel to fullscreen.</td></tr><tr><td>Ctrl + S</td><td>Save in OVERDARE.</td></tr><tr><td>Ctrl + Shift + S</td><td>Save as a new local file.</td></tr><tr><td>Ctrl + N</td><td>Generate a new project.</td></tr><tr><td>Ctrl + O</td><td>Open the project as a local file.</td></tr><tr><td>Ctrl + Shift + O</td><td>Open the project in OVERDARE.</td></tr><tr><td>Alt + P</td><td>Publish the project in OVERDARE.</td></tr><tr><td>Alt + Shift + P</td><td>Newly publish the project in OVERDARE.</td></tr><tr><td>Ctrl + F4</td><td>Close the current project.</td></tr><tr><td>Alt + X</td><td>Switch the display state of the level browser panel.</td></tr><tr><td>Ctrl + Shift + F1</td><td>Switch the display state of the profiler (Stats).</td></tr><tr><td>Alt + L</td><td>Switch the Locked state of the selected Part.</td></tr><tr><td>Alt + A</td><td>Switch the Anchored state of the selected Part.<br>(If Model is selected, switch the Anchored state of every descendant Part.)</td></tr><tr><td>Ctrl + G</td><td>Group the selected objects into a model.</td></tr><tr><td>Ctrl + Alt + G</td><td>Group the selected objects into a folder.</td></tr><tr><td>Ctrl + U</td><td>Ungroup the selected folder/model.</td></tr><tr><td>Ctrl + L</td><td>Switch the Gizmo axis between Local/World.</td></tr><tr><td>Ctrl + R</td><td>Switch the horizontal rotation axis (y-axis).</td></tr><tr><td>Ctrl + T</td><td>Switch the vertical rotation axis (x-axis).</td></tr><tr><td>Ctrl + I</td><td>Show the Add Objects menu.</td></tr><tr><td>Ctrl + Shift + X</td><td>Enter the filter entry mode for level browser panel.</td></tr><tr><td>Ctrl + Shift + P</td><td>Enter the filter entry mode for property panel.</td></tr><tr><td>G</td><td>Switch the display state of the gizmo and grid.</td></tr></tbody></table>

## Output Panel <a href="#output-panel" id="output-panel"></a>

### Output Log <a href="#output-log" id="output-log"></a>

Displays information, warnings, and errors occurring in the world and scripts.

![](/files/8WP3NNcimZPUf8TAqyuZ)

Right-click the Output Log panel and select **Clear Log** to remove all printed logs.

<figure><img src="/files/s3amKaSmtq3f1D9IugtH" alt=""><figcaption></figcaption></figure>

### Problems <a href="#problems" id="problems"></a>

Displays error information in the script in real time.

![](/files/6Tu1CZiRzDxBRckvyoqX)

## Breakpoint Management Panel <a href="#breakpoint-management-panel" id="breakpoint-management-panel"></a>

### Breakpoints <a href="#breakpoints" id="breakpoints"></a>

You can view the list of breakpoints set in the script. Breakpoints can be enabled or disabled from the list, and double-clicking the Script or Line column will navigate to the corresponding code line.

![](/files/cvupP8RvDgoQfwHjYb3S)

### Watch <a href="#watch" id="watch"></a>

You can check the state of variables when a breakpoint is hit.

<figure><img src="/files/j9AbOnn0RHoyaiNLaIRJ" alt=""><figcaption></figcaption></figure>

#### Call Stack <a href="#call-stack" id="call-stack"></a>

You can track the order of function calls when a breakpoint is hit.

<figure><img src="/files/xB5QWfpfOjz2zA4vmcDF" alt=""><figcaption></figcaption></figure>

For more details on breakpoints, you can refer to the manual below.

{% content-ref url="/pages/8a3SWMphK7WE7Q4GpCoD" %}
[Breakpoint](/manual/script-manual/debugging-and-optimization/breakpoint.md)
{% endcontent-ref %}