Разработка дополненной реальности в Web браузере - WebAR

Разработка Web AR

Все большей популярностью среди пользователей пользуются решения с дополненной реальностью. AR технологии являются отличным способом продвигать бренд, увеличить вовлеченность пользователей, а сферы применения насчитываются сотнями. Но и это решение имеет определенные ограничения в применении. Развитие технологии WebAR позволяет сделать использование дополненной реальности более простым и доступным.

Раньше для просмотра контента в дополненной реальности необходимо было скачивать приложение, запускать его. Данные манипуляции отнимают достаточное количество времени, памяти телефона, а также интернет трафика, что может останавливать многих пользователей от установки специализированных приложения. Это ограничение позволяет устранить технология Web AR, которая позволяет просматривать 3D модели, 2D картинки, видео или анимации при распознавании плоской метки или объекта без установки дополнительного программного обеспечения, используя только встроенный браузер телефона.

Сферы применения технологии WebAR:

Маркетинг
Ритейл
Полиграфия и печатная продукция
Потребительская продукция
Игровая индустрия и сфера развлечений
Производство и продажи

Создания WebAR контента – это:

большой объем охвата пользователей;
повышенный интерес и вовлеченность аудитории;
увеличение посещаемости web ресурса.

Основные механики дополненной реальности в Web браузере

Для использования WebAR технологии потребуется индивидуальный QR - код. При сканировании QR кода с помощью камеры телефона, появится уведомление стандартного браузера о возможности перейти по «вшитой» ссылке в QR-код. Перейдя по ссылке, пользователь оказывается на странице с возможностью воспроизвести контент дополненной реальности.

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

Привязка к маркеру

ПРИВЯЗКА 3D-ОБЪЕКТОВ К ПЛОСКОСТИ

Один из способов воспроизведения - привязка к определенной точке или поверхности. Нужно только расположить или указать место появление модели или анимации. При этом для размещения не требуется триггер – установка объекта всегда выполняется с идеальной точностью с учетом его реальных размеров. Контент можно будет масштабировать и передвигать.

WEBAR ПОРТАЛЫ

Порталом называется дополненная реальность, которая демонстрирует виртуальное пространство вокруг пользователя, просматриваемое через мобильное устройство в режиме 360. Портал привязывается к плоскости и напоминает дверь или ворота, в которые можно войти. При проходе через данный портал, у пользователя меняется обстановка и окружение на то, которые было создано с помощью 3D моделирования, а также съемки 360. Демонстрируемый контент может быть практически любым – графическим, фото или видео 360.

ВЗАИМОДЕЙСТВИЕ С 3D-ОБЪЕКТАМИ

В функционал Web AR приложения можно добавить дополнительный функционал. Например, можно увеличивать/уменьшать объекты, запускать и останавливать анимации, добавлять эффекты, связанные с геолокацией, делать фото и видео с AR объектами, нажимать на специально созданные кнопки. Отснятым с помощью фото или записи видео контент дополненной реальности можно делиться в социальных сетах.

Web AR маски

Трендами сегодняшнего дня являются AR маски или фильтры. Популярные бренды уже используют данную технологию для увеличения и привлечения аудитории за счет wow эффекта