Первые шаги

Обзор редактора сцены

После того как вы создали первый проект, почти вся дальнейшая работа с AR — в одном экране: редакторе сцены. Он выглядит одинаково для всех форматов AR-проекта (QR, изображение, пространство, небо) — меняется только то, что служит триггером запуска сцены у гостя. Разберём, что где находится, прежде чем переходить к отдельным типам объектов, кнопкам и эффектам.

Экран состоит из четырёх зон: список объектов слева, канвас (рабочая область сцены) по центру, панель настроек справа и пара элементов управления над канвасом — переключатель 2D/3D и кнопка «Предпросмотр».

Общий вид редактора: список объектов слева, канвас с QR-маркером и кубом по центру

Список объектов — слева

Здесь перечислены все объекты, которые уже есть на сцене: 3D-модели, изображения, видео, текст, свет — всё, что было добавлено через кнопку Добавить (см. статью про создание первого проекта). Каждая строка — это один объект: клик по строке выделяет его на канвасе и открывает панель настроек справа; двойной клик позволяет переименовать; иконки справа от названия — переименовать и удалить.

Ниже объектов сцены в этом же списке отдельным блоком показываются кнопки поверх AR, если они есть в проекте — это отдельная категория элементов, не часть 3D-сцены, подробнее в разделе про кнопки.

Канвас — по центру

Основная рабочая область — то, как будет выглядеть сцена у гостя. В зависимости от формата проекта здесь отображается либо изображение-маркер, либо (как на скриншотах в этой статье) сгенерированный QR-код проекта, поверх которого размещаются объекты. Сетка на фоне — ориентир масштаба и положения, у гостя в дополненной реальности она не видна.

Кликом по объекту на канвасе (не только по строке в списке слева) тоже можно его выделить — это работает в обе стороны.

Панель настроек — справа

Появляется, как только вы выделили объект или кнопку — если ничего не выбрано, панель пустая (её не видно на первом скриншоте этой статьи). Верхняя часть панели одинакова почти для всех типов объектов:

  • Position — положение объекта по трём осям. Y отвечает за высоту: в летари вертикальная ось — именно Y, а не Z, как иногда бывает в других 3D-редакторах.
  • Rotation — поворот по каждой из осей, в градусах.
  • Scale — масштаб по осям; если нужно менять размер пропорционально, увеличивайте все три значения одинаково.

Ниже — блок, специфичный для конкретного типа объекта. Например, у геометрического объекта (как на скриншоте) это «Настройки фигуры»: выбор формы (куб, сфера и другие), цвет, переключатель свечения и «Действие при клике» — можно назначить объекту реакцию на нажатие прямо здесь, без отдельной кнопки поверх AR. У видео вместо этого будут настройки автозапуска и повтора, у текста — шрифт и обводка, и так далее: свой набор полей под каждый тип, разбор — в статьях соответствующего раздела.

Панель настроек справа: Position, Rotation, Scale и «Настройки фигуры» для выбранного куба

Значения в полях Position, Rotation и Scale можно менять не только вводом чисел, но и перетаскиванием — кликните на объект на канвасе и используйте цветные стрелки-гизмо (видны в 3D-режиме, см. следующий раздел), это быстрее, чем подбирать координаты вручную.

Переключатель 2D/3D

Небольшой переключатель над канвасом меняет угол камеры в редакторе — это влияет только на удобство работы, а не на то, что увидит гость. 2D — вид сверху, ортографическая проекция без перспективы, удобно для точного позиционирования объектов относительно маркера, когда важна плоская геометрия. 3D — свободная перспективная камера, которую можно вращать и приближать мышью: удобнее оценить, как объекты стоят в пространстве относительно друг друга и маркера, особенно если объектов несколько и на глаз в 2D их взаимное расположение по высоте не считать.

Тот же куб в 3D-режиме: видна перспектива, сетка пола и цветные стрелки-гизмо

Кнопка «Предпросмотр»

Справа над канвасом — кнопка Предпросмотр, один из самых полезных инструментов на этапе сборки сцены: она открывает панель с реальным вьюером AR в рамке телефона, без необходимости публиковать проект и сканировать QR-код с другого устройства. Первое открытие сохраняет сцену и загружает ассеты, поэтому может занять несколько секунд — дальше правки в сцене подтягиваются в предпросмотр автоматически, без повторного нажатия.

Открытая панель предпросмотра: рамка телефона с вьюером, экран загрузки и кнопка «Начать»

Внутри рамки — тот же экран загрузки и та же логика запуска AR, что увидит гость: подсказка навести камеру на маркер и кнопка «Начать». Мышью внутри предпросмотра можно вращать сцену, колёсиком — приближать, как будто это настоящая камера телефона. Значок обновления рядом с заголовком панели пересохраняет сцену и перезапускает предпросмотр вручную, если нужно применить только что загруженный новый файл — новые ассеты подхватываются лишь после ручного обновления, в отличие от изменений положения, цвета и других параметров уже загруженных объектов, которые синхронизируются сами.

Частые вопросы

Почему панель настроек справа пустая? Она появляется только тогда, когда что-то выделено — объект в списке слева, объект на канвасе или кнопка поверх AR. Кликните по любому из них, и панель откроется с нужными полями.

Предпросмотр показывает то же самое, что увидит гость по QR-коду? Почти — с той разницей, что предпросмотр использует последнюю сохранённую (но не обязательно опубликованную) версию сцены и всегда открывается по прямой ссылке в рамке-эмуляторе, а не через реальное сканирование камерой. Чтобы гость увидел изменения по настоящему QR-коду, проект всё равно нужно опубликовать — предпросмотр лишь избавляет от необходимости делать это на каждое малейшее изменение.

Можно ли выделить сразу несколько объектов? Нет, панель настроек всегда показывает один выбранный объект или кнопку — работать с несколькими сразу нельзя, каждый настраивается по очереди.

В 2D-режиме пропали стрелки-гизмо для перемещения объекта мышью — это нормально? Да, гизмо для перетаскивания по трём осям показывается только в 3D-режиме, поскольку в 2D (вид строго сверху) объёмное перемещение по высоте визуально не считывается. В 2D удобнее позиционировать объект через числовые поля Position в панели справа.

Связанные статьи