> For the complete documentation index, see [llms.txt](https://docs.overthereality.ai/over-web-builder/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.overthereality.ai/over-web-builder/editor/interface.md).

# Interface

The **Interface** of the OVER Web Builder is designed to offer a seamless experience when creating and managing your AR and Virtual projects. The layout is intuitive, splitting the screen into two main areas: the **Sidebar Menu** on the left, and the **Viewport** on the right.

## Sidebar Menu

On the left-hand side, you'll find the **Sidebar Menu**, which provides access to the main sections needed to build and organize your experience:

* **Scene**: Displays the hierarchy of the objects in your scene, allowing you to manage the structure and properties of individual elements.
* **Assets**: Allows you to browse through or upload new assets (3D models, images, audio, videos) that can be integrated into your project.
* **OVRLand and OVRMap (VPS)**: Here you can select the OVRLand where the project will be published, and, if available, choose an OVRMap to enable precise VPS (Visual Positioning System) localization.
* **Project**: This section is for configuring the type of publication (Geolocated or Virtual) and adjusting the publication settings, including how your experience will be displayed and shared.

<figure><img src="/files/4kZWeVkWSStuAGtu3DAY" alt="" width="81"><figcaption></figcaption></figure>

Each section expands to the left of the **Sidebar Menu**, revealing various settings and tools depending on the selected option.

## Viewport

The **Viewport** is located on the right side and acts as your workspace for designing and previewing your experience. It displays the scene in real-time, where you can manipulate 3D objects and adjust their positioning, rotation, and scale.

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

### **Top Section**

* **Project Name**: At the top of the viewport, the project name is displayed. You can click on it to rename the project at any time.
* **Associated OVRLand/OVRMap**: If an OVRLand is associated with the project, it will be displayed next to the project name, along with the OVRMap if it is selected.
* **Preview Button**: Allows you to view a real-time preview of your experience.
* **Save Draft**: Saves your progress as a draft without publishing.
* **Publish**: Finalizes and publishes the project to the selected OVRLand or workspace.

### **Object Transformation Tools**

Just below the viewport, you have a set of tools to manipulate the objects in your scene:

* **Translate**: Move objects along the X, Y, or Z axis.
* **Rotate**: Rotate objects in the scene.
* **Scale**: Resize objects as needed.

<figure><img src="/files/iE6ATShUtjP0PwDGHho9" alt="" width="172"><figcaption></figcaption></figure>

### View Tools

* **World/Local**: Selects whether transformations are applied relative to the object's local axis or the global world axis.
* **Camera Views**: Choose between various camera angles, such as Perspective, Isometric (Top, Left, etc.), to view your scene from different perspectives.

<figure><img src="/files/fpnKeKp5MfUnmfXyrlgg" alt="" width="285"><figcaption></figcaption></figure>

### **Additional Controls**

At the bottom-right of the viewport, you’ll find extra options for enhancing your workspace:

* **Show/Hide OVRMap**: If an OVRMap is associated with the project, this button toggles its visibility in the viewport.
* **Show/Hide OVRLand Hexagon**: If you're working within the **Workspace** (testing your experience without an actual OVRLand), you can show or hide the generic OVRLand hexagon to better visualize your project placement.
* **Full-Screen Mode**: This button allows you to expand the viewport to full screen, giving you more space to work on your project.

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

{% hint style="info" %}
The OVER Web Builder interface is designed to streamline your creation process, offering all the tools you need to bring your AR and Virtual projects to life efficiently and effectively.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.overthereality.ai/over-web-builder/editor/interface.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.