# Editor

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FdxItVMJ7slTA99VphDbx%2Fimage.png?alt=media&#x26;token=9d143bbb-bfcc-41ff-b1b6-109cd7016fe3" alt=""><figcaption><p>The Editor</p></figcaption></figure>

The Editor is the interface you use to build your experience. It has 2 primary panels: Top bar and Right panel.

In addition, there's a Viewport Properties panel at the bottom left. Learn more about it at the link below:

{% content-ref url="editor/viewport\_properties" %}
[viewport\_properties](https://docs.gmetri.com/metaverse/build/editor/viewport_properties)
{% endcontent-ref %}

## Top Bar

### Add Element

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FWvba4Txe6yKvaSw9B0JG%2Fimage.png?alt=media&#x26;token=8ce83f76-3167-46dd-8f69-70b7026fdb31" alt=""><figcaption><p>Add Element</p></figcaption></figure>

Add various elements such as scenes, images, videos, GIFs, audio, and other multimedia components into your experience.

### Rules

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2Foft4OGR6EnXFx12c4YXs%2Fimage.png?alt=media&#x26;token=ab005f41-c667-4603-9928-d93b4e257b3d" alt=""><figcaption><p>Rules</p></figcaption></figure>

Rules serve as the fundamental component of interactivity in your experiences.

{% content-ref url="rules" %}
[rules](https://docs.gmetri.com/metaverse/build/rules)
{% endcontent-ref %}

### File Manager&#x20;

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FkiEtZASGvHqIj2LnJAQE%2Fimage.png?alt=media&#x26;token=d755a27c-1d2c-473b-b2d5-d975cc66a5b7" alt=""><figcaption><p>File Manager</p></figcaption></figure>

You can manage/upload your assets from here.

{% content-ref url="editor/file-manager" %}
[file-manager](https://docs.gmetri.com/metaverse/build/editor/file-manager)
{% endcontent-ref %}

### Publish&#x20;

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FgnLU4wfbdx7k8rUy8Vu7%2Fimage.png?alt=media&#x26;token=b12b8426-8d24-4ed4-8398-9d469e10e67e" alt=""><figcaption><p>Publish</p></figcaption></figure>

You can share your experience with the your viewers.

{% content-ref url="../publishing" %}
[publishing](https://docs.gmetri.com/metaverse/publishing)
{% endcontent-ref %}

### Preview&#x20;

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2F5mAOlsu13QYdJI8C4DXn%2Fimage.png?alt=media&#x26;token=09abec23-b78b-454f-9867-d4cdbae8071e" alt=""><figcaption><p>Preview</p></figcaption></figure>

{% content-ref url="editor/preview" %}
[preview](https://docs.gmetri.com/metaverse/build/editor/preview)
{% endcontent-ref %}

You can preview your experience before going Live and sharing it with your viewers from here.

## **Right Panel**&#x20;

### Properties

You can adjust/ modify the properties of the currently selected element.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FA2aUIePBid1Lk6X0HMEs%2Fimage.png?alt=media&#x26;token=ad73eb6d-28dc-4237-8982-9976bfa63c03" alt=""><figcaption><p>Properties</p></figcaption></figure>

### Structure&#x20;

This displays a comprehensive list of all the elements, scenes, and lighting configurations used in your virtual environment.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FZOB1ViWqMvqrr0wCwaqw%2Fimage.png?alt=media&#x26;token=620ae357-6828-41a8-b9bb-5112b5a6f395" alt=""><figcaption><p>Structure</p></figcaption></figure>