Основы работы с ZAPWORKS STUDIO: навигация в студию
Ключевые слова: ZapWorks Studio, Навигация, UI, горячие клавиши
Zap Works Studio — это инструмент для создания полностью интерактивных приложений дополненной реальности (AR) с поддержкой 3D. Студия была разработана с учетом простоты использования, что означает, что вы можете очень быстро приступить к созданию AR-контента, независимо от вашего опыта программирования или работы с 3D-моделями.
В этой части мы познакомимся с интерфейсом студии и ролью, которую играет каждый из разделов при создании проектов. Кроме того, в самостоятельном порядке вы можете ознакомиться с горячими клавишами для работы в студии. Интерфейс состоит из отдельных окон или меню. В этом блоке мы рассмотрим следующие окна:
Медиатека
Иерархия
Окно сцены
Окно свойств
Контроллеры
Символы
Панель управления
Media Library (Медиатека)
Ресурсы, которые вы хотели бы использовать в текущей сцене, включая изображения, видео, аудио, шрифты и 3D-модели, импортируются в медиатеку либо перетаскиванием, либо с помощью кнопки + в контекстном меню (рис. 1).
ВАЖНО!!! Изображения, которые будут использоваться в качестве маркеров, необходимо подготовить, в нашем случае открыть с помощью опции Train Image File в меню "+", а не импортировать в виде стандартного файла изображения.
С помощью контекстного меню "+", также можно импортировать 3D-модель из Sketchfab или любой из встроенных объектов студии, например маски, фотосферы и шрифты. По умолчанию Медиатека содержит один ресурс - объект Plane, который можно использовать для отображения изображений или создания интерактивных областей.
Рис 1. - Окно Медиатеки
Hierarchy (Иерархия)
Иерархия отображает список всего, что присутствует в текущей сцене (рис. 2). Медиафайлы, импортированные в Медиатеку, не добавляются автоматически на сцену. Для их добавления необходимо перетащить объекты из Медиатеки в окно Иерархии.
Объекты в иерархии могут быть сгруппированы вместе, что упрощает управление проектами с большим количеством контента. Положение, масштаб и поворот объектов зависят от группы, к которой они принадлежат. Корневой объект в самой Иерархии представляет собой специальную группу (root), к которой по умолчанию относится все содержимое. Чтобы создать новую группу, щелкните ПКМ корневой объект (или существующий узел группы) и выберите New> Group.
Обратите внимание, положение содержимого в иерархии определяет порядок, в котором они отображаются в окне просмотра. Объекты, расположенные ниже по иерархии, имеют более высокий приоритет рендеринга, чем объекты, расположенные над ними, хотя это поведение может быть изменено для каждого объекта.
Рис. 2 - Окно Иерархии
Viewport (Окно сцены)
Объекты из иерархии отображаются в окне просмотра сцены в центре пользовательского интерфейса студии (рис. 3). Элементы управления в правом нижнем углу используются для навигации по сцене. Кнопки S, R и P в верхнем меню управляют преобразованиями выбранного объекта: масштаб(scale), поворот(rotation) и положение(position) соответственно.
Справа от кнопок преобразований находится ползунок, отвечающий за масштабирование, далее настройки имитируемого освещения и параметры ориентации сцены: горизонтальный (landscape) или вертикальный (portrait). Затем расположено очередное контекстное меню, которое открывается по нажатию на кнопку “Бургер” (две горизонтальные черточки). Данное меню содержит опции для изменения вида, цвета фона и имитации соотношения сторон конкретного устройства, чтобы просмотреть, как будет отображаться проект на устройствах с разными разрешениями экрана.
Рис. 3 - Окно сцены
Properties (Свойства)
На панели Properties отображается список свойств активного объекта, выбранного в данный момент в меню иерархии (рис. 4). Отображаемые свойства будут варьироваться в зависимости от типа объекта.
Рис. 4 - Окно свойств
Controllers (Контроллеры)
Под меню со свойствами находится панель контроллеров (рис. 5), которая отображает список контроллеров в текущей сцене, а также состояния и временные рамки, которые содержит каждый из них. Свойства объекта можно редактировать в пределах этих состояний и временных рамок для создания пользовательских анимаций.
Рис. 5 - Окно контроллеров
Symbol Definitions (Меню символов)
В меню символов отображены подсимволы корневого элемента (рис. 6). Корневой символ можно считать файлом сцены. В то время как подсимволы можно использовать для абстрагирования функциональности от нашего корневого символа, например, для создания повторяющихся кнопок. Если вы уже знакомы с Unity то можно провести некоторые параллели между префабами и символами. 3D модели добавленные в проект через меню медиатеки преобразуются в символы.
Панель символов отображает все вложенные символы, импортированные в текущий символ, независимо от того, являются ли они шаблонами из меню или импортированными файлами zpp.
Рис. 6 - Окно символов
Предоставленные шаблоны подсимволов позволяют добавлять общие функциональные возможности к интерфейсу без необходимости создавать его с нуля, хотя для работы с пустым холстом можно использовать опции "Пустой символ" и "экранный символ".
Двойной щелчок по подсимволу приведет к переходу в его символьное представление, отображающее собственную медиабиблиотеку подсимволов, Иерархию и т. д. Панель "Хлебные крошки" в верхней части пользовательского интерфейса можно использовать для возврата к родительскому символу текущего символа (рис. 7).
Рис. 7 - Символьное представление. Меню "Хлебные крошки"
Title Bar (Панель управления)
Слева от панели "Хлебные крошки" находятся параметры уровня проекта, такие как возможность предварительного просмотра, публикации или экспорта текущего опыта (рис. 8). Студия автоматически сохраняет проекты, однако опция Commit позволяет сохранить текущее состояние проекта, что позволяет вернуться к нему в будущем при необходимости.
Наконец, опции из выпадающего меню с изображением молнии позволяют создать новый проект, открыть существующий или вернуться к предыдущему коммиту проекта. Здесь также можно найти варианты входа/выхода в Zap Works или Sketchfab.
Рис. 8 - Панель управления
Справочные материалы:
Studio | Navigation the UI [Электронный ресурс] // Официальная страница ZapWorks . – URL: https://docs.zap.works/studio/getting-started/navigating-the-ui/
Горячие клавиши по работе со студией [Электронный ресурс] – URL: https://clck.ru/322Jyv
Last updated
