Что такое WebVr?
WebVr – это экспериментальный JavaScript API. Он способен обеспечить вам доступ к гаджетам виртуальной реальности, таких как Oculus Rift, HTC Vive, Samsung Gear VR или Google Cardboard в браузере.
Основная цель заключается в облегчении погружения в виртуальную реальность, независимо от того, какое у вас устройство.
Возможности WebVr:
- Возможность определения доступного устройства
- Вы получите все возможности выбранного устройства
- Определение местоположения в пространстве
- Вы сможете выводить графическую информацию
Инструменты WebVR
Three.js
Это библиотека, в которой множество готовых классов. При помощи их можно создать и отобразить 3D графику в WebGL. Вам будет доступно множество помощников и абстракций, которые делают работу с WebGL намного проще.
WebGL – это реализация OpenGL в современных браузерах, таких как Chrome, Firefox и Safari. С помощью Three.js разрабатываются отличные приложения, которые используют 3D-дизайн для создания чего угодно, от забавных демонстраций до многопользовательских миров и игр.
Three.js используется в WebVr из-за его простоты использования. А построение трехмерной графики в браузере вряд ли возможно без него.
A-Frame
Если вы не хотите использовать Three.js и WebVr, тогда предлагаем ознакомиться с веб-фреймворк A-Frame от Mozilla. У него отрытый код, созданный на основе Three.js и WebGL. В нем можно создать виртуальный мир, при помощи HTML.
Работает на HTC vive и Oculus Rift, а так же большинстве настольных и мобильных платформах.
React VR
Библиотека, которая обещает стать следующим грандиозным прорывом в WebVR. Планируется создать быструю итерацию и синтаксис, аналогичный A-Frame.
Библиотека React VR позволяет разрабатывать VR приложения для Web. В ней используется JavaScript и React. А браузерам которые поддерживают эту спецификацию, совершенно не требуются подключение VR очков.
Vizor.io
Еще один вариант редактора WebVR в вашем браузере, созданного с использованием NodeJS и Three.js. Это среда визуального программирования для WebGL, WebVR и других API HTML5.
Vizor.io в себя включает:
- Предварительный просмотр в реальном времени
- Визуализацию потока данных
- Сетевую связь
- Неограниченное количество отмен и каталог предустановок, которые испольются в качестве модульных блоков.
Сложная логика может быть вложена в подграфы и их можно визуализировать непосредственно в конкретную цель визуализации или просто использовать в качестве текстуры. Циклы моделируются как вложенные графы, которые оцениваются один раз за итерацию цикла. Все в вашем браузере.
JanusVR
Это больше браузер для виртуальной реальности, чем инструмент для разработки. Эта платформа имеет закрытый исходный код и построен на QT5. Janus имеет полную поддержку Oculus Rift и HTC Vive.
Отличительная черта Janus в сравнении с другими инструментами, заключается в схожести с веб-браузером с эффектом присутствия. В котором вы можете нажать «вкладку», и создать портал для веб-сайта, практически так же, как ввести адрес сайта. Просто щелкните портал и перейдите на новый веб-сайт или комнату. Вы так же можете самостоятельно редактировать код комнаты напрямую через Janus. Благодаря этой функции, он смог набрать немалую популярность у веб-разработчиков.
Так же, в нем имеется многопользовательский режим. Благодаря которому времяпровождение со своими друзьями станет еще интереснее.
Babylon.js
Babylon.js – этой фреймворк у которого исходный код открыт для пользователя. Его используют для cоздания 3D и браузерных игр. Пользование фреймворком не вызывает никаких трудностей. В нем есть все необходимые инструменты для разработки, созданию и управления 3D объектами.
У Babylon имеются следующие функции:
- Создание объектов в виде куба, сферы, цилиндр и др.
- Создание и редактирование музыкального сопровождения
- Диспетчер задач
- Физический движок
- Построение сетки, создание текстур и материалов
- Обнаружение столкновения
Что бы запустить Babylon.js, вам понадобится современный браузер с поддержкой WEBGL. При всей его привлекательности, фреймворк имеет немалый минус – модели созданные с его помощи очень требовательны к устройствам для просмотра проекта.
Примеры WebVr в браузере
A-Blast
Это увлекательная браузерная игра в жанре аркада. Основная цель игры заключается в отстреле врагов, которые будут хотеть вас убить. Но будьте внимательны и не дайте им этого сделать. Играть в нее можно как со смартфона, так и веб-браузера.
The Hall VR
Вам наскучили обычные походы по музеям и выставкам? Вы хотите разнообразить свой досуг? Тогда посетите музей современного искусства. Вашему вниманию будут предоставлены экспонаты, картины великих художников, а так же скульптуры известных людей. Этот онлайн-музей, является реконструкцией A-Frame сThree.js.
Babylon JS
Здесь вы сможете лично увидеть, и ознакомится со всеми возможностями, которые предоставляет фреймворк. Вы сможете насладится лицезрением отличной, качественно сделанной график через свой веб-браузер.
Konterball
Konterball – это мини-игра, основанная на механике пинг-понга. Получайте удовольствие, играя в нее с другом. Или грайте против стены и набирайте как можно больше очков.
