Développement WebXR avec JavaScript

Article
02/18/2025

Importante

WebVR est déconseillé et n’est pas disponible dans les navigateurs actuels. Il ne doit donc pas être utilisé pour tout 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, mise à jour de contenu ou support technique), et nous ne pouvons donc pas garantir que les applications continueront à 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 Mixed Reality plus attrayantes en appliquant la puissance de vos compétences JavaScript et Web.

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 WebXR sans installer de logiciels ou de plug-ins. 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 à 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 manuelle WebXR - Niveau 1 (w3.org)	Edge 93. HoloLens 2 uniquement
Module WebXR Anchors (immersive-web.github.io)	Edge 93. HoloLens 2 uniquement
Module de test de positionnement 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 frameworks et API JavaScript pour la création d’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 bases 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 - Approfondir webXR - Découvrez comment bien démarrer avec nos tutoriels : Créer votre première application « Hello World ! »
A-Frame A-frame est une infrastructure JavaScript déclarative que vous pouvez utiliser pour commencer à utiliser la réalité virtuelle sur le web. Pour en savoir plus, 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 (Web Graphics Library) est une API JavaScript permettant de restituer des graphiques 3D et 2D interactifs hautes performances dans n’importe quel navigateur web compatible sans l’utilisation de plug-ins.