Разработка WebXR с помощью JavaScript
JavaScript — один из самых популярных языков программирования в мире! Это простой, легкий и широко используемый в Интернете. Используйте возможности JavaScript и веб-навыков для создания более привлекательных Смешанная реальность интерфейсов.
Смешанная реальность приложений в Интернете
Смешанная реальность функции доступны в Интернете через WebXR. Содержимое виртуальной реальности (VR) и дополненной реальности (AR) можно просмотреть в совместимом браузере с поддержкой WebXR без установки дополнительного программного обеспечения или подключаемых модулей. Этот же браузер можно использовать с физическим устройством, таким как HoloLens 2.
API устройства WebXR предназначен для доступа к устройствам виртуальной реальности (VR) и дополненной реальности (AR), включая датчики и головные дисплеи, в Интернете. API устройства WebXR доступен в Microsoft Edge и Chrome версии 79, а более поздние версии поддерживают WebXR по умолчанию. Вы можете проверка последнее состояние поддержки браузера для WebXR на caniuse.com.
Примечание
WebVR является нерекомендуемой и недоступен в текущих браузерах, поэтому его не следует использовать для каких-либо новых разработок. Вам потребуется перенести все существующие реализации WebVR в WebXR.
| Функция WebXR | Доступность |
|---|---|
| API устройства WebXR (w3.org) | Edge 81 в Windows Desktop 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 Hit Test (immersive-web.github.io) | Edge 93. Только Hololens 2 |
Просмотр WebXR
Вы можете просматривать возможности WebXR в Windows Mixed Reality с помощью новых браузеров Microsoft Edge и Firefox Reality. Чтобы проверить, поддерживает ли браузер WebXR, перейдите в раздел Примеры WebXR в браузере.
Что можно использовать для разработки иммерсивного веб-интерфейса?
В следующем списке показаны платформы и API JavaScript для создания иммерсивных интерфейсов, которые в настоящее время доминируют на рынке и широко используются разработчиками JavaScript смешанной реальности.
| Инфраструктура | Пример |
|---|---|
| Babylon.js Babylon — это трехмерный движок JavaScript, который упрощает разработку трехмерного содержимого и иммерсивных приложений. Прежде чем приступить к работе с иммерсивными приложениями, рекомендуем ознакомиться с основами разработки Babylon.js. — Узнайте, как создавать трехмерные приложения с помощью Babylon.js: Начало работы — Играть с трехмерными примерами и их исходным кодом с помощью Babylon.js: Playground — Углубиться в WebXR — Узнайте, как приступить к работе с нашими учебниками: Создание первого приложения "Hello World!" |
 |
| A-Frame A-frame — это декларативная платформа JavaScript, которую можно использовать для начала работы с виртуальной реальностью в Интернете. Дополнительные сведения проверка документации по A-Frame. |
 |
| Three.js Three.js — это популярная трехмерная библиотека для создания иммерсивных интерфейсов. Узнайте больше о three.js и изучите примеры. |
 |
| WebGL Доступ к API-интерфейсам устройств WebXR можно получить напрямую с помощью API WebGL. WebGL (библиотека веб-графики) — это API JavaScript для отрисовки высокопроизводительной интерактивной трехмерной и двухмерной графики в любом совместимом веб-браузере без использования подключаемых модулей. |
 |
См. также:
- Спецификация API устройства WebXR
- Документация по API устройств WebXR
- Примеры WebXR
- Immersiveweb.dev
- Использование Babylon.js для создания интерфейсов WebXR
- WebGL API
- API геймпада и расширения геймпада
- Windows Mixed Reality и новый Microsoft Edge
- Обработка потерянного контекста в WebGL
- Указатель
- glTF
- Группа иммерсивного веб-сообщества
- Иммерсивное веб-приложение W3C на GitHub