Создание проекта в MyWebAR

Вход в систему

После завершения процесса регистрации вы можете создавать дополненную реальность. Для этого вам необходимо зайти на сайт https://mywebar.com/.

Далее необходимо зайти в созданную учетную запись, нажав на кнопку Sign In в правом верхнем углу.

После этого произойдет переход на страницу Dashboard.

Теперь давайте перейдем к созданию нашего собственного проекта.

Выбор типа проекта

Для создания проекта, нужно нажать на большую кнопку Add new project на странице Projects.

После этого откроется окно с выбором типа трекинга.

Подробнее о каждом типе можно прочитать в статье Типы проектов. В этой статье мы обсудим создание каждого типа проекта.

Проект с трекингом QR-кода

Чтобы создать проект с отслеживанием QR-кода, необходимо выбрать AR on a QR Code в списке слева и нажать кнопку Create.

После этого произойдет перенаправление на страницу редактора.

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

Теперь можно приступить к добавлению объекта. В данном случае это будет 3D-модель из библиотеки моделей MyWebAR.

Для этого в блоке Objects слева нажмите на +.

Откроется модальное окно добавления 3D-модели.

Чтобы добавить 3D-модель из библиотеки, выберите категорию модели, нажав на кнопку с типом модели вверху (от Animals&Pets, Kids и так далее).

3D-модели выбранной категории появятся в нижней части окна.

При использовании бесплатного тарифа, количество доступных моделей в библиотеке 3D-моделей ограничено.

Чтобы получить доступ ко всем объектам, вам нужно обновить ваш тарифный план.

Я выбираю аллигатора из списка моделей. После клика окно закроется, а выбранная модель появится на сцене.

После этого необходимо сохранить проект, нажав соответствующую кнопку на панели управления сценой.

После сохранения проекта его можно опубликовать. Если проект не опубликован, он не будет доступен пользователям по ссылкам или QR-коду.

Чтобы опубликовать проект, необходимо нажать на кнопку Publish.

Откроется окно с QR-кодом, ведущим в дополненную реальность.

Поскольку в данном случае используется проект с отслеживанием QR-кодов, этот QR-код будет одновременно и ссылкой, и маркером.

Проект с трекингом изображений

Для создания проекта с трекингом изображений, нужно выбрать AR on Image.

Трекинг изображений недоступен для пользователей с бесплатной подпиской.

Доступ возможен с Basic и выше.

После этого откроется дополнительное окно. Здесь необходимо загрузить изображение-маркер.

После выбора изображения откроется новое окно с предварительным просмотром маркера и возможностью его перезагрузки.

Если изображение необходимо изменить, нажмите на кнопку Change Image. Если все в порядке и изображение можно использовать, нажмите на кнопку Use this Image.

После загрузки изображения вы попадете на страницу редактора.

В отличие от Проект с трекингом QR-кода, в центре сцены будет не QR-код, а загруженное вами изображение-маркер.

Теперь можно приступить к добавлению объекта. В данном случае это будет ранее подготовленная 3D-модель.

Для этого в блоке Objects слева нажмите на +.

Откроется окно добавления 3D-модели.

В данном окне нужно нажать на Upload в нижней части окна.

Откроется модальное окно для загрузки 3D-модели.

Для загрузки вы можете перетащить вашу модель прям в это окно, либо нажать на кнопку Upload для того, чтобы выбрать из файлов вашего устройства.

После выбора модели окно закроется, а выбранный объект появится в окне предварительного просмотра.

Вы можете использовать встроенный оптимизатор модели, нажав кнопку Use Optimized. Или можно загрузить 3D-модель без оптимизации, нажав кнопку Use Original.

Оптимизация модели помогает ускорить загрузку и работу сцены.

Окно закроется, и объект появится на сцене.

После этого необходимо сохранить проект, нажав на соответствующую кнопку на верхней панели сцены.

После сохранения проекта его можно опубликовать. Если проект не опубликован, он не будет доступен пользователям по ссылкам или QR-коду.

Чтобы опубликовать проект, необходимо нажать кнопку Publish.

Открывается окно с QR-кодом, ведущим на страницу с дополненной реальностью.

В этом случае, отсканировав QR-код, вы попадете на страницу с дополненной реальностью. Наведя камеру на маркер изображения, ваша сцена появится на экране устройства.

Проект с трекингом изогнутых изображений

Чтобы создать проект с изогнутых изображений, необходимо выбрать AR on Curved Images в списке слева и нажать кнопку Create.

После этого откроется дополнительное окно. Здесь нужно загрузить изображение-маркер.

Это изображение будет свернуто в цилиндр, поэтому необходимо обратить особое внимание на пропорции.

Хорошим примером правильных пропорций является этикетка на бутылке с газировкой.

После загрузки изображения справа появится предварительный просмотр маркера цилиндра, чтобы убедиться, что изображение свернуто правильно.

Если маркер выглядит правильно, нажмите кнопку Use this Image.

Откроется редактор с цилиндрическим маркером в центре.

Теперь можно приступать к добавлению объекта. В данном случае это будет модель с библиотеки Sketchfab.

Для этого в блоке Objects слева нажмите на +.

Откроется модальное окно добавления 3D-модели.

Для добавления 3D-объекта, нужно нажать на кнопку Upload в нижней части окна.

Откроется окно для загрузки объекта.

Вы можете либо перетащить объект в это окно, либо нажать кнопку Upload, чтобы загрузить его с устройства. После выбора модели окно закроется, а выбранный объект появится в окне предварительного просмотра.

Вы можете использовать встроенный оптимизатор модели, нажав кнопку Use Optimized. Или можно загрузить 3D-модель без оптимизации, нажав кнопку Use Original.

Оптимизация модели помогает ускорить загрузку и работу сцены.

Окно закроется, и объект появится на сцене.

После этого необходимо сохранить проект, нажав на соответствующую кнопку на верхней панели.

После сохранения проекта его можно опубликовать. Если проект не опубликован, он не будет доступен пользователям по ссылкам или QR-коду.

Чтобы опубликовать проект, нажмите Publish.

Откроется окно с QR-кодом, ведущим на страницу с дополненной реальностью.

В этом случае, отсканировав QR-код, вы попадете на страницу с дополненной реальностью. Наведя камеру на маркер изображения, ваша сцена появится на экране устройства.

Проект с безмаркерным трекингом

Для создания проекта с безмаркерным трекингом необходимо нажать на кнопку Choose в блоке с типом проекта, выбрав тип трекинга (AR in the Real World или SLAM). В данном случае я буду использовать SLAM.

О разнице между AR in the Real World и SLAM читайте в статье Типы проектов.

После этого произойдет перенаправление на страницу редактора.

В этом случае в центре сцены не будет объектов или маркеров, потому что отслеживание выполняется по пространству.

Теперь вы можете начать добавлять объект. В данном случае это будет изображение.

Для этого в блоке Objects слева нажмите на +.

Откроется модальное окно добавления изображения.

При нажатии на кнопку Upload, откроется окно с файлами вашего устройства, из которых нужно выбрать изображение.

Окно закроется и объект появится на сцене.

После этого необходимо сохранить проект, нажав на соответствующую кнопку на верхней панели.

После сохранения проекта его можно опубликовать. Если проект не опубликован, он не будет доступен пользователям по ссылкам или QR-коду.

Для публикации проекта нужно нажать на кнопку Publish.

Откроется окно с QR-кодом, ведущим в дополненную реальность.

Поскольку в данном случае используется проект с отслеживанием QR-кодов, этот QR-код будет одновременно и ссылкой, и маркером.