Как стать автором
Обновить

Дополненная реальность в вебе с помощью технологии Model Viewer

Время на прочтение3 мин
Количество просмотров3.4K

Всем привет! Сегодня я расскажу, как можно создавать веб-реконверсии с помощью новой технологии Google Model Viewer.

pexels.com
pexels.com

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

Например, Apple и Google уже сделали попытку создать что-то похожее на IKEA: они оба выпустили WebAR-решения, позволяющие видеть контент в дополненной реальности через браузер. Взаимодействие идет от камеры к веб-странице, на которой загружается продукт.

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

Apple и Google шагнули далеко вперед, перенеся дополненную реальность в веб, чтобы пользователи могли взаимодействовать с контентом и продуктами по URL-ссылке или специальному QR-коду, не устанавливая никаких дополнительных приложений на свой смартфон.

WebAR

Для просмотра дополненной реальности в браузере Apple разработало решение Quick Look, о котором я уже писала ранее в статье, раскрывающей особенности разработки на iOS.

Google разработал Scene Viewer – фреймворк с открытым исходным кодом, который может быть встроен в любую веб-страницу и запускаться или в режиме быстрого просмотра (если устройство основано на iOS и поддерживает данную функцию), либо через Google Scene Viewer (если устройство имеет библиотеки Android или ARCore). Обе компании создали практически идентичное решение для устройств Android и iOS.

Данное решение назвали Model Viewer.

Model Viewer позволяет просматривать 3D-контент с помощью классической веб-страницы, а также запускать дополненную реальность в вебе, либо делать и то, и другое. В соответствии с заданными параметрами HTML-тега, которые устанавливает пользователь, программа будет выполнять ту или иную функцию.

Плюсы и минусы технологии Model Viewer

Плюсы:

  • Простота сборки: для создания требуется несколько строк HTML-кода;

  • Кроссплатформинг: с Model Viewer могут работать пользователи iOS, Android, а также те, кто используют технологию API устройств WebXR, если она поддерживается.

  • Простота в использовании: интерфейс дружелюбен для пользователей – они могут перемещать объекты в пространстве, изменять его размер и делать снимки в несколько жестов.

Минусы:

  • Простота в использовании – для программистов: на данный момент программа не поддерживает никаких официальных инструментов, позволяющих просматривать AR-контент без знания кода. Этот минус можно рассматривать как временно отсутствующую функцию, так как на данный момент разработка AR-программ близится к созданию платформ, на которых можно просматривать контент без знания кода.

  • Кроссплатформинг: программу сложно назвать полностью кросс-платформерной, так как ее поддерживают устройства iOS, начиная с 13 версии, Android-устройствам необходима поддержка ARCore.

  • Не поддается настройке: на данный момент можно изменить только целевую страницу, на которую устанавливаются триггеры. AR-опыт, который запускается при нажатии кнопки «Запустить AR», отредактировать нельзя.

  • Обнаружение функций: расширение недоступно ни на iOS, ни на Android.

unsplash.com
unsplash.com

Наша команда готова работать над всеми возникающими сложностями, более того, мы всегда ищем наиболее оптимальный для клиента вариант разработки дополненной реальности.

Подписывайтесь на наш канал в Telegram: там мы проводим опросы на актуальные в VR-индустрии темы, демонстрируем разработки компании и делимся последними новостями сферы, а также на наш основной источник VC.RU, в котором мы разбираем животрепещущие темы и делимся коммерческими успехами.

Теги:
Хабы:
Всего голосов 2: ↑0 и ↓2-2
Комментарии0

Публикации

Истории

Работа

iOS разработчик
18 вакансий
Swift разработчик
18 вакансий

Ближайшие события

7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн
15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
22 – 24 ноября
Хакатон «AgroCode Hack Genetics'24»
Онлайн
28 ноября
Конференция «TechRec: ITHR CAMPUS»
МоскваОнлайн
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань