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

Одним из отличных примеров использования дополненной реальности являются порталы.

В MyWebAR вы можете легко создать такую сцену.

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

Добавление 3D-объектов

Первое, что необходимо сделать — добавить 3D-модель комнаты. Это может быть любая модель, но в данном случае — комната без одной стены.

В приведенной выше модели не хватает дверного проема, который открывал бы вход в виртуальный мир.

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

Объект полностью темный, поэтому, чтобы осветить его, нужно добавить два источника света: Ambient Light и Directional Light.

Следующим шагом будет корректировка масштаба дверного проема и вписывание его в стену (путем изменения расположения).

Работа с плагином окклюзии

В данном случае основной механикой портала в MyWebAR является окклюзия дополненной реальности.

Что такое окклюзия? Окклюзия — это скрытие виртуальных объектов за реальными (или за виртуальными).

Без окклюзии:

С окклюзией (скрываем тело пчелки):

Таким образом, MyWebAR может использовать окклюзию, чтобы скрыть некоторые объекты или создать эффект невидимости при просмотре с одной стороны.

Для этого необходимо добавить плагин. Чтобы добавить плагин, нажмите Extensions в левой части экрана.

Откроется страница с доступными расширениями.

В списке плагинов нужно найти Occlusion Cube, либо можно воспользоваться поиском в правом верхнем углу окна.

После этого нажмите кнопку Install. В правом верхнем углу появится статус установки плагина. В данном случае плагин установлен (зеленая плашка).

Теперь необходимо закрыть окно для работы с плагинами. Occlusion Cube появится в списке Objects слева.

Чтобы добавить его в сцену, нажмите на +. Откроется окно, в котором нужно просто нажать кнопку Save.

Плагин окклюзии на сцене. Это будет полупрозрачный фиолетовый куб.

Все, что находится за плоскостью куба и внутри нее, не будет видно при просмотре дополненной реальности.

Таким образом, необходимо закрыть стены комнаты окклюзией, оставив только дверной проем, который создаст эффект портала.

Как это будет выглядеть в предварительном просмотре дополненной реальности (в AR это будет то же самое):

Комната видна только через дверной проем.

Аналогично, вы можете создавать порталы в редакторе MyWebAR без использования кода!

Пример сцены в дополненной реальности

Ниже вы увидите QR-код. Отсканировав его, вы попадете на страницу с только что созданной сценой портала.

Попробуйте навести камеру на QR-код и посмотреть на работу портала.