Всем привет! Сегодня я расскажу, как можно создавать веб-реконверсии с помощью новой технологии Google Model Viewer.
![pexels.com pexels.com](https://webcf.waybackmachine.org/web/20220327030723/https://habrastorage.org/getpro/habr/upload_files/c73/823/a94/c73823a94dc7686519590d1d3fe88e83.jpg)
Всем нам достаточно хорошо известно приложение 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](https://webcf.waybackmachine.org/web/20220327030723/https://habrastorage.org/getpro/habr/upload_files/dbb/906/a0c/dbb906a0ce195b2799fc9081594a83ef.jpg)
Наша команда готова работать над всеми возникающими сложностями, более того, мы всегда ищем наиболее оптимальный для клиента вариант разработки дополненной реальности.
Подписывайтесь на наш канал в Telegram: там мы проводим опросы на актуальные в VR-индустрии темы, демонстрируем разработки компании и делимся последними новостями сферы, а также на наш основной источник VC.RU, в котором мы разбираем животрепещущие темы и делимся коммерческими успехами.