# Обзор редактора

Создав новый проект или отредактировав существующий, вы попадете в окно редактора. 

Здесь вы можете [добавить объекты](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/dobavlenie-obektov) на сцену дополненной реальности, настроить их положение и размер, добавить интерактивные действия и многое другое.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FBXMY8HQxklMgelKdDHhD%2Fimage.png?alt=media\&token=309d1190-845f-4888-9ddb-cfc8087eac2e)

В левой части редактора вы можете увидеть панель содержимого (дерево объектов), где вы можете добавить различные виды содержимого на вашу сцену, включая:

• [Изображения](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/dobavlenie-obektov#izobrazheniya)\
• [Видео](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/dobavlenie-obektov#video)\
• [Видео на однотонном фоне (хромакей)](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/dobavlenie-obektov#video-na-odnotonnom-fone-khromakee)\
• [Скользящие видео (Видеослайдеры)](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/dobavlenie-obektov#videoslaider)\
• [3D-модели](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/dobavlenie-obektov#3d-model)\
• [Тексты](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/dobavlenie-obektov#tekst)\
• [Источники света](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/dobavlenie-obektov#istochniki-sveta)\
• [JavaScript код (Json MAE)](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/pro-editor/kak-ustroen-pro-editor/opisanie-interfeisa)

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FATfELM8EUzlQ3enpQwPm%2FEditor_1.jpg?alt=media\&token=35d6a6ae-2e92-41af-af93-92bec8299966)

В центральной части редактора вы можете увидеть рабочее <mark style="color:blue;">**3D-пространство**</mark>, отражающее вашу сцену дополненной реальности. В зависимости от типа проекта, вы также можете увидеть QR-код в центре или же изображение.&#x20;

Все содержимое, которое вы добавите с помощью панели <mark style="color:blue;">**AR Content**</mark>, появится здесь.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FTfGzwETlR5eBHFWAD3cs%2FEditor_2.jpg?alt=media\&token=8777feb7-c443-484e-a296-6867585e0651)

В правой части находится панель свойств, где во вкладке <mark style="color:blue;">**Appearance**</mark>, можно настроить размер, положение и поворот выбранного объекта.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FfcfeQA0IE8CcZnY2MhGX%2FEditor_3.jpg?alt=media\&token=237107d3-a243-4083-b9de-04a37c7f65be)

Вы также можете назначить интерактивное [поведение ](https://mywebar.gitbook.io/mywebar-knowledge-base/yazyk-ru-1/sozdanie-proektov-webar/knopki-i-deistviya)своим объектам с помощью <mark style="color:blue;">**Actions**</mark> в <mark style="color:blue;">**Properties**</mark>.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FJ9shZd7nSfDIqotHlqwL%2FEditor_4.jpg?alt=media\&token=a8c1b90a-cece-4653-8170-70a28184fef4)

В верхней и левой панелях редактора вы найдете следующие кнопки:&#x20;

<mark style="color:blue;">**Preview (Предварительный просмотр)**</mark> — тестирование AR-сцену, не запуская ее на мобильном устройстве.&#x20;

<mark style="color:blue;">**Save (Сохранение)**</mark> — сохранение изменений, внесенные в AR-сцену, не делая их публичными.&#x20;

<mark style="color:blue;">**Project Settings (Настройки проекта)**</mark> — управление именем проекта, URL ссылкой, внешним видом QR-кода, настройка предзагрузчика, добавление логотипа на AR-камеру, загрузка HDRI, изменение маркера для трекинга изображения и многое другое.&#x20;

<mark style="color:blue;">**Publish (Публикация)**</mark> — сделать внесенные изменения публичными и доступными для всех пользователей.&#x20;

<mark style="color:blue;">**Get QR Code**</mark> — генерация и загрузка QR-кода, который пользователи смогут отсканировать для доступа к вашей дополненной реальности.

![](https://16483826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQlfxB1bBQeYgEsEfSMqq%2Fuploads%2FJv0pBSSkLh7uGYWdJJzP%2FEditor_5.jpg?alt=media\&token=f0eaa338-5506-4c7e-b0ed-804dbe6a9759)

В левой панели находятcя четыре основные вкладки:

<mark style="color:blue;">**Content**</mark> — контентная часть редактора, то есть работа со сценой дополненной реальности.

<mark style="color:blue;">**Branding**</mark> — настройка сцены редактора, а именно брендинг, можно настроить заставку, прелоадер и так далее.

<mark style="color:blue;">**Extension**</mark> — расширения редактора, созданные нашей командой или другими пользователями, такие как окклюзия или различные шейдерные эффекты.

<mark style="color:blue;">**Settings**</mark> — настройки проекта, от названия проекта и настройки QR-кода до настроек SEO.