Développement WebXR avec JavaScript
JavaScript est l’un des langages de programmation les plus populaires au monde ! Il est simple, léger et largement utilisé sur le Web. Tirez parti de la puissance de vos compétences JavaScript et Web pour créer des expériences Mixed Reality plus attrayantes.
Mixed Reality applications sur le web
Mixed Reality fonctionnalités sont disponibles sur le Web via WebXR. Vous pouvez voir du contenu de réalité virtuelle (VR) et de réalité augmentée (AR) dans un navigateur compatible avec WebXR sans installer de logiciels ou de plug-ins supplémentaires. Vous pouvez utiliser ce même navigateur avec un appareil physique comme le HoloLens 2.
L’API d’appareil WebXR permet d’accéder à des appareils de réalité virtuelle (VR) et de réalité augmentée (AR), y compris des capteurs et des affichages montés sur la tête, sur le Web. L’API d’appareil WebXR est disponible sur Microsoft Edge et Chrome version 79, et les versions ultérieures prennent en charge WebXR par défaut. Vous pouvez case activée les dernières status de prise en charge des navigateurs pour WebXR sur caniuse.com.
Notes
WebVR est déconseillé et n’est pas disponible dans les navigateurs actuels. Il ne doit donc pas être utilisé pour un nouveau développement. Vous devez migrer toutes les implémentations WebVR existantes vers WebXR.
| Fonctionnalité WebXR | Disponibilité |
|---|---|
| API d’appareil WebXR (w3.org) | Edge 81 sur Windows Desktop Edge 91 sur Hololens 2 |
| Module de réalité augmentée WebXR - Niveau 1 (w3.org) | Edge 91. Hololens 2 uniquement |
| Module d’entrée manuelle WebXR - Niveau 1 (w3.org) | Edge 93. Hololens 2 uniquement |
| Module d’ancres WebXR (immersive-web.github.io) | Edge 93. Hololens 2 uniquement |
| Module de test d’accès WebXR (immersive-web.github.io) | Edge 93. Hololens 2 uniquement |
Affichage de WebXR
Vous pouvez afficher les expériences WebXR dans Windows Mixed Reality avec les nouveaux navigateurs Microsoft Edge et Firefox Reality. Pour tester si votre navigateur prend en charge WebXR, vous pouvez accéder à Exemples WebXR dans votre navigateur.
Que puis-je utiliser pour développer des expériences web immersives ?
La liste suivante présente les infrastructures et LES API JavaScript pour créer des expériences immersives qui dominent actuellement le marché et sont largement acceptées et adoptées par les développeurs JavaScript de réalité mixte :
| Infrastructure | Exemple |
|---|---|
| Babylon.js Babylon est un moteur 3D JavaScript qui facilite le développement de contenu 3D et d’applications immersives. Avant de commencer à utiliser des applications immersives, nous vous recommandons d’apprendre les principes de base du développement Babylon.js. - Découvrez comment créer des applications 3D avec Babylon.js : Prise en main - Lire avec des exemples 3D et leur code source à l’aide de Babylon.js : Playground - Plongez plus en profondeur dans WebXR - Découvrez comment bien démarrer avec nos tutoriels : Créer votre première application « Hello World! » |
 |
| Un cadre A-frame est une infrastructure JavaScript déclarative que vous pouvez utiliser pour commencer à utiliser la réalité virtuelle sur le web. Pour plus d’informations, case activée la documentation A-Frame |
 |
| Three.js Three.js est une bibliothèque 3D populaire pour créer des expériences immersives. Apprenez-en davantage sur three.js et explorez des exemples. |
 |
| WebGL Vous pouvez accéder directement aux API d’appareil WebXR à l’aide des API WebGL. WebGL (WebGL) est une API JavaScript qui permet de rendre des graphiques 3D et 2D interactifs hautes performances dans n’importe quel navigateur web compatible sans utiliser de plug-ins. |
 |
Voir aussi
- Spécification de l’API d’appareil WebXR
- Documentation de l’API d’appareil WebXR
- Exemples WebXR
- Immersiveweb.dev
- Utilisation de Babylon.js pour créer des expériences WebXR
- WebGL API
- API gamepad et extensions gamepad
- Windows Mixed Reality et le nouveau Microsoft Edge
- Gestion du contexte perdu dans WebGL
- Pointeurlock
- glTF
- Groupe de communauté web immersif
- Github web immersif W3C