# Viewport Properties

Viewport Properties is an [editor](/metaverse/build/editor.md) panel that facilitates the movement and placement of items within your experience.

<figure><img src="/files/sqU5xbA4jNrp96mnCANz" alt=""><figcaption><p>Viewport properties</p></figcaption></figure>

## Camera Mode

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

### First Person Camera Mode

<figure><img src="/files/6F3mGlu43dXj42CA1tcj" alt=""><figcaption><p>First person camera mode</p></figcaption></figure>

First person mode allows you move along the plane at a given height using the WASD or the arrow keys. You can control this height from the Top Bar.

### Fly Camera Mode

<figure><img src="/files/BlYMimtDhFD00m2lr3yo" alt=""><figcaption><p>Fly Camera Mode</p></figcaption></figure>

In Fly Mode, you can:

* Use left click and drag to orbit around a point
* Use scroll bar to move forward and backward
* Use right click and drag to pan

## Transform Mode

The transform how you move elements in the editor.

There are 3 transform modes:

* Drag: Moves the element across a spherical plane with the camera as the center
* Translate: Shows the Transform arrows that allows you to move the element across `x`, `y` or `z` axes or `xy`, `yz` or `zx` planes.
* Rotate: Shows the Rotation controls that allow you to rotate the element across `x`, `y` or `z` axes.

{% hint style="info" %}
The axes in question above can be relative either to the World or the local element. Control this by using the Axis setting below.
{% endhint %}

You can refer to the below article to understand how this mode works in a 3D space.

{% content-ref url="/pages/AfIppqoDeneuruZzMj1Z" %}
[Placement in 3D Space](/metaverse/build/editor/placement-in-3d-space.md)
{% endcontent-ref %}

<figure><img src="/files/6MStw0IiXeob3s2vQg0f" alt=""><figcaption><p>Transform Mode</p></figcaption></figure>

## Axis

The translate and rotate controls can be relative to one of two available axes - World or Local.

<figure><img src="/files/MGMu8YNd42DRcFJHxvw5" alt=""><figcaption><p>Axis</p></figcaption></figure>

## Scene Bound Visibility

You can change the visibility of the scene boundary using this setting.

You can refer to scene bounds in the below article to understand how they work

{% content-ref url="/pages/3WcLIPQc5o8vlCYL8hUf" %}
[Colliders](/metaverse/build/scenes/3d-scene/colliders.md)
{% endcontent-ref %}

<figure><img src="/files/ioaQBtxZdxvlrfgrIZ2H" alt=""><figcaption><p>Scene Bound visibility</p></figcaption></figure>

## Bounding Box

This is 3D cuboid frame that encloses an element within the experience. It is used to represent the dimensions and position of an item.

Shown below are examples with and without bounding box visibility.

<figure><img src="/files/Xvn7HHefmFTLJuO1YZtR" alt=""><figcaption><p>Bounding box</p></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://docs.gmetri.com/metaverse/build/editor/viewport_properties.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.