Développement WebXR avec JavaScript
Important
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.
WebXR continue d’être disponible. Toutefois, la prise en charge de WebXR n’est plus prise en charge (aucun correctif de bogue, mises à jour de contenu ou support technique), et nous ne pouvons donc garantir que les applications continueront de fonctionner pendant une période prolongée.
JavaScript est l’un des langages de programmation les plus populaires au monde ! Il est simple, léger et largement utilisé sur le Web. Créez des expériences de réalité mixte plus attrayantes en appliquant la puissance de vos compétences JavaScript et Web.
Applications de réalité mixte sur le web
Les fonctionnalités de réalité mixte sont disponibles sur le web via WebXR. Vous pouvez voir le contenu de réalité virtuelle (VR) et de réalité augmentée (AR) dans un navigateur compatible avec WebXR sans installer plus de logiciels ou de plug-ins. Vous pouvez utiliser ce même navigateur avec un appareil physique comme HoloLens 2.
L’API d’appareil WebXR permet d’accéder aux appareils de réalité virtuelle (VR) et de réalité augmentée (AR), y compris les capteurs et les affichages montés 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 comme valeur par défaut. Vous pouvez vérifier l’état de prise en charge du navigateur le plus récent pour WebXR à caniuse.com.
| 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 de main WebXR - Niveau 1 (w3.org) | Edge 93. HoloLens 2 uniquement |
| Module WebXR Anchors (immersive-web.github.io) | Edge 93. HoloLens 2 uniquement |
| WebXR Hit Test Module (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 aux exemples WebXR dans votre navigateur.
Que puis-je utiliser pour développer des expériences web immersives ?
La liste suivante présente les frameworks et API JavaScript pour créer des expériences immersives qui dominent actuellement le marché et qui 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 générer des applications 3D avec Babylon.js : Prise en main - Lire avec des exemples 3D et leur code source à l’aide de Babylon.js : Playground - Explorer plus en détail dans WebXR - Découvrez comment bien démarrer avec nos didacticiels : Créer votre première application « Hello World ! » |
 |
| Un cadre Une trame est une infrastructure JavaScript déclarative que vous pouvez utiliser pour commencer à utiliser la réalité virtuelle sur le web. Pour en savoir plus, consultez la documentation A-Frame |
 |
| Three.js Three.js est une bibliothèque 3D populaire pour créer des expériences immersives. En savoir plus sur three.js et explorer des exemples. |
 |
| WebGL Vous pouvez accéder directement aux API d’appareil WebXR à l’aide des API WebGL. WebGL (Web Graphics Library) est une API JavaScript permettant de rendre des graphiques 3D et 2D interactifs hautes performances au sein d’un 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 de boîtier de commande et extensions de boîtier de commande
- Windows Mixed Reality et le nouveau Microsoft Edge
- Gestion du contexte perdu dans WebGL
- Pointerlock
- glTF
- Groupe de communauté web immersif
- Github web immersif W3C