Разработка WebXR с помощью JavaScript
Внимание
WebVR устарел и недоступен в текущих браузерах, поэтому его не следует использовать для новой разработки. Вам потребуется перенести все существующие реализации WebVR , перенаправив их в WebXR.
WebXR по-прежнему доступен. Однако поддержка WebXR прекращена (исправлений ошибок, обновлений содержимого или технической поддержки), поэтому мы не можем гарантировать, что приложения будут продолжать работать в течение длительного периода времени.
JavaScript является одним из самых популярных языков программирования в мире! Это простой, легкий и широко используемый в Интернете. Создайте более привлекательные Смешанная реальность интерфейсы, применяя возможности JavaScript и веб-навыков.
Смешанная реальность приложения в Интернете
Смешанная реальность функции доступны в Интернете через ИнтернетWebXR. Вы можете просматривать содержимое виртуальной реальности (VR) и дополненной реальности (AR) в совместимом браузере с поддержкой WebXR без установки каких-либо дополнительных программ или подключаемых модулей. Этот же браузер можно использовать с физическим устройством, например HoloLens 2.
API устройств WebXR предназначен для доступа к виртуальной реальности (VR) и устройствам дополненной реальности (AR), включая датчики и устройства, подключенные к голове, в Интернете. API устройств WebXR доступен в Microsoft Edge и Chrome версии 79, а более поздние версии поддерживают WebXR как значение по умолчанию. Вы можете проверить последнее состояние поддержки браузера для WebXR на caniuse.com.
| Функция WebXR | Availability |
|---|---|
| API устройств WebXR (w3.org) | Edge 81 на рабочем столе Windows Edge 91 на HoloLens 2 |
| Модуль дополненной реальности WebXR — уровень 1 (w3.org) | Edge 91. Только HoloLens 2 |
| Модуль ввода WebXR — уровень 1 (w3.org) | Edge 93. Только HoloLens 2 |
| Модуль привязок WebXR (immersive-web.github.io) | Edge 93. Только HoloLens 2 |
| Модуль тестирования WebXR (immersive-web.github.io) | Edge 93. Только HoloLens 2 |
Просмотр WebXR
Вы можете просматривать возможности WebXR в Windows Смешанная реальность с помощью новых браузеров Microsoft Edge и Firefox Reality. Чтобы проверить, поддерживает ли браузер WebXR, перейдите к примерам WebXR в браузере.
Что можно использовать для разработки иммерсивных веб-интерфейсов?
В следующем списке показаны платформы и API JavaScript для создания иммерсивных интерфейсов, которые в настоящее время доминируют на рынке и широко приняты и приняты разработчиками JavaScript смешанной реальности:
| Платформа | Пример |
|---|---|
| Babylon.js Babylon — это трехмерный движок JavaScript, который упрощает разработку трехмерного содержимого и иммерсивных приложений. Прежде чем приступить к работе с иммерсивными приложениями, рекомендуется ознакомиться с основами разработки Babylon.js. — Узнайте, как создавать трехмерные приложения с помощью Babylon.js: начало работы — Воспроизведение с трехмерными примерами и их исходным кодом с помощью Babylon.js: Детская площадка - Более глубокое погружение в WebXR — Узнайте, как приступить к работе с нашими учебниками: создайте свое первое приложение Hello World! |
 |
| A-Frame Кадр — это декларативная платформа JavaScript, которую можно использовать для начала работы с виртуальной реальностью в Интернете. Дополнительные сведения см. в документации по A-Frame |
 |
| Three.js Three.js — это популярная трехмерная библиотека для создания иммерсивных интерфейсов. Узнайте больше о three.js и изучите примеры. |
 |
| WebGL Доступ к API устройств WebXR можно получить непосредственно с помощью API WebGL. WebGL (веб-графическая библиотека) — это API JavaScript для отрисовки высокопроизводительной интерактивной трехмерной и 2D-графики в любом совместимом веб-браузере без использования подключаемых модулей. |
 |
См. также
- Спецификация API устройств WebXR
- Документация по API устройств WebXR
- Примеры WebXR
- Immersiveweb.dev
- Использование Babylon.js для создания интерфейсов WebXR
- WebGL API
- API геймпадов и расширения геймпада
- Windows Смешанная реальность и новый Microsoft Edge
- Обработка потерянного контекста в WebGL
- Указатель
- glTF
- Иммерсивная группа веб-сообщества
- Иммерсивный веб-W3C Github