Как Внедрить VR/AR в Свое Приложение или Веб-Сайт?
Дополненная реальность и виртуальная реальность – AR и VR, соответственно, приобрели огромную популярность в последние годы. Разрабатывается огромное количество приложений образовательного, развлекательного, коммерческого и другого назначения, причем все это происходит наравне с оцифровкой бизнеса.
Главным толчком к развитию этих технологий послужила эпидемия коронавируса – бизнес активно стал переходить в онлайн-формат, поэтому возникла потребность в усовершенствовании контента для интерактивного взаимодействия с клиентами. Приложения с использованием VR позволяют пользователям погрузиться в искусственно созданную среду. AR привносит новые измерения в реальный мир, добавляя слои информации поверх физической среды, которую можно просматривать на устройстве Android или iOS.
Прогнозы относительно использования технологий в разных сферах в ближайшем будущем. Источник.
VR предоставляет разработчикам возможность встраивать изображения и видео VR с обзором в 360 градусов на веб-сайты для отображения на настольных компьютерах и мобильных устройствах. AR, в свою очередь, тоже используется в самых разных отраслях: недвижимости, дизайне интерьера, автомобилях и транспорте, здравоохранении и медицине, образовании, играх, рекламе и других. VR/AR также можно встраивать в собственные приложения на Android и iOS.Рассмотрим, как осуществляется реализация VR/AR на свой сайт или в мобильное приложение.
Дополненная реальность станет ценным дополнением ко многим существующим веб-страницам. Например, эта технология может помочь людям учиться на образовательных сайтах и позволить потенциальным покупателям визуализировать предметы в своем доме во время покупок.
Технология AR позволяет пользователям размещать изображение объекта в натуральную величину, как если бы оно было на самом деле. После размещения изображение остается на выбранной поверхности, имеет размер, который был бы, если бы фактический элемент находился на этой поверхности, и позволяет пользователю перемещаться вокруг него, а также приближаться к нему или дальше от него. Это дает зрителям более глубокое понимание объекта, чем это возможно с двухмерным изображением.
Особенно популярна эта технология в подборе мебели – с помощью AR можно визуально «поставить» выбранный предмет в своей гостиной или другой комнате и посмотреть, хорошо ли он впишется в окружающий интерьер, хватит ли ему места. Точно так же можно «примерить» и другую мебель из каталога.
Пример использования дополненной реальности в приложениях IKEA. Источник.
В игровой сфере AR тоже нашла отражение – известная игра с ловлей покемонов построена как раз на базе этой технологии. Миры AR демонстрируют, насколько взаимодействие с пользователем может быть эффективным, а информация – доступной.Технология VR может применяться и уже используется в игровых и развлекательных приложениях, медицинских, образовательных, коммерческих и даже военных программах. Первый этап развития этой технологии наблюдался еще в 60-е годы 20-го века, когда для военных были разработаны специальные шлемы виртуальной реальности. Правда, в то время это еще была не полноценная виртуальная реальность, поскольку, исходя из современных определений, больше походила на дополненную.
Интерактивный опыт, в котором за основу берется реальный мир и дополняется различными стимулами – визуальными, слуховыми, проецирующими объекты и звуки, и является дополненной реальностью в чистом виде. Однако AR может воздействовать и на другие органы чувств. В любом случае технология AR добавляет перцептивную информацию к восприятию пользователем естественной среды, а виртуальная – полностью заменяет среду искусственной информацией о ней.
С 2013 года технология AR уже была строго определена как система, выполняющая 3 функции:
Ключевой особенностью можно считать и тот факт, что AR пересекается с поисковой оптимизацией, что примечательно для создателей и владельцев собственных сайтов. Действительно, контент AR улучшит общие показатели на странице, такие как время, проведенное на странице, и вовлеченность, что повысит эффективность работы SEO-компаний. Однако при добавлении AR/VR-контента на свой сайт или в приложение стоит также учитывать, что на их рейтинг оказывает непосредственное влияние и скорость работы, загрузки страницы, а эти показатели могут снижаться из-за использования таких сложных и громоздких технологий. Важно убедиться при внедрении, что такой контент не повлияет на работоспособность сайта, не снизит скорость загрузки и не ухудшит его быстродействие.
Прежде чем углубляться в тему внедрения AR на вебсайт, стоит коснуться формата USDZ. Эта аббревиатура означает «стандарт универсального изображения сцены» и обычно является стандартом для добавления возможностей АR к 3D-контенту. В случае с устройствами Apple файлы этого формата заменили файлы reality и .rcproject, а также специальный код.
Именно от этого формата в дальнейшем будут зависеть возможности AR для iOS и MacOS. Несмотря на то, что Гугл сделал свои шаги в этом отношении, полагаясь на Хром Канари, USDZ остается золотым стандартом сегодня. Таким образом, этого мы коснемся далее, очень важно, чтобы ваше программное обеспечение для 3Д-моделирования предполагало этот вариант экспорта. И наоборот, вам также пригодится конвертер для стандартных форматов файлов, таких как OBJ, STL и gITF.
Пример конвертирования файлов в формат USDZ при помощи онлайн-сервиса ViewAR. Источник.
В программе можно выбрать параметры экспорта, включая формат файла и максимальный размер текстуры, а после экспорта вы получите ссылку для загрузки окончательного файла. Также указанное ПО предоставит код для встраивания средства просмотра контента виртуальной и AR на ваш сайт или в приложение. Его нужно скопировать в буфер обмена и продолжить работу.
Если вы используете другое ПО на этом этапе, все равно можно параллельно использовать Vectary для некоторых действий. В результате встраивание контента AR заключается в копировании и вставке сгенерированного программным обеспечением кода в HTML-код вашего сайта и код приложения.
Для внедрения контента дополненной реальности, а в частности для моделирования, существуют и другие программы:
ScetchUP – очень известный вариант на основе браузера, который предлагает мощность и гибкость. Он может похвастаться плавной кривой обучения и обширной библиотекой пользовательских моделей. Различия между платной и бесплатной версией ощутимы, но даже на бесплатной можно создать стоящие вещи.
Интерфейс программы ScetchUP. Источник.
«Мешмиксер» – столь же удобный и распространенный вариант, который больше ориентирован на 3D-печать. Тем не менее он предоставляет все функциональные возможности, которые могут пригодиться новичкам: от инструментов моделирования до инструментов анализа и оптимизации.«Блендер». Не менее известный и востребованный вариант, который достаточно популярен в Нидерландах, например. Его уникальный интерфейс может вызвать определенные сложности на первом этапе работы, но он также обладает значительной мощностью и универсальностью. Кроме того, он совершенно бесплатный.
FreeCAD. В отличие от предыдущих программ, эта, вероятно, будет довольно сложна для начинающих. Тем не менее это решение с открытым исходным кодом предлагает функциональные инструменты для моделирования и множество плагинов, модулей и прочих вспомогательных инструментов совершенно бесплатно.
Интерфейс программы FreeCAD. Источник.
«Леополия». Эффективная и простая в освоении программа, специализирующаяся, как и «Мешмиксер», на 3Д печати. Она специально разработана для образовательных целей, поэтому отлично подойдет новичкам.После создания модели с использованием любой программы из вышеуказанных необходимо преобразовать ее в файл с нужным форматом – USDZ.
Отдельно стоит уделить внимание созданию сайта, если его еще у вас нет. Это можно сделать с помощью любой CMS, из известных на сегодняшний день. Рассмотрим наиболее популярные из систем управления контентом, которые можно использовать для создания собственного веб-ресурса с дополненной или виртуальной реальностью.
Компания DeLaval, производящая оборудование для оснащения ферм, при помощи AR демонстрирует потенциальным заказчикам свою продукцию.
Демонстрация оборудования компании Делаваль прямо на офисном столе. Источник.
В образовательных целях тоже используют технологии AR/VR. Например, в Смитсоновском музее естественной истории такое приложение появилось еще в 2015 году. С помощью AR каждый посетитель мог почувствовать себя рядом с динозаврами, а звуковое сопровождение имитировало их естественные звуки. Несмотря на неидеальный и довольно ограниченный уровень взаимодействия, который обеспечивала данная технология в этом случае (ведь было это еще в 2015, когда она была на достаточно примитивном уровне развития), это все равно позволяло подарить посетителям новый интересный опыт, несравнимый с плоскими изображениями в 2D. По мере развития технологии AR взаимодействие будет совершенствоваться – может добавляться ряд других стимулов, помимо визуальных и слуховых (тактильные, обонятельные).
Пример дополненной реальности в музее – программа облекает скелеты за стеклом в плоть, демонстрируя, как выглядят живые животные, которым принадлежит конкретный скелет. Источник.
С точки зрения военной подготовки, виртуальная и дополненная реальности по-прежнему имеют стратегическое значение, поэтому в армии США активно используют приложения с AR/VR для повышения эффективности подготовки солдат. В частности такой подход улучшает пространственную осведомленность, помогает бойцам ориентироваться на местности и обеспечивает необходимые условия при подготовке новобранцев.В заключение стоит отметить, что внедрение AR/VR – процесс сам по себе не слишком сложный. Гораздо сложнее – идея, которая ляжет в основу проектирования альтернативной реальности. Если вам нужна помощь в добавлении AR/VR-контента на сайт или в приложение, или создании новой концепции для коммерческих, развлекательных, образовательных или других целей, вы всегда можете обратиться к нашим специалистам.
