Développez une application de réalité augmentée 100% Web

🚨 Peut ne pas fonctionner dans les dernières versions de Chrome Dev et Canary 🚨

L’API WebXR est en cours de développement et soumise régulièrement à des changements. Ce codelab a été testé avec la version 78 de Chrome Dev.

Ce codelab est une traduction et légère adaptation du codelab ar-with-webxr réalisé par Jordan Santell.

Ce dépôt contient la base de code pour le codelab Développez une application de réalité augmentée 100% Web.

Ce codelab est en évolution permanente. Si vous trouvez un bogue ou vous avez une suggestion, veuillez s'il vous plaît soumettre un rapport de bogue. Merci !

Vous pouvez découvrir le projet final ici.

Ce que vous allez réaliser

Ce que vous allez apprendre

• Comment utiliser l’API WebXR
• Comment trouver une surface en utilisant les tests de collisions de la réalité augmentée
• Comment charger et afficher un modèle 3D synchronisé avec le flux vidéo de l’appareil photo

Ce dont vous avez besoin

• un PC de développement et un serveur local d’hébergement type Apache, nginx ou http-server (au travers de Node.js/npm)
• un téléphone compatible ARCore tournant sous Android 8.0 Oreo
• ARcore installé sur le téléphone (Chrome vous proposera de l’installer)
• Chrome Dev. Utilisez une version >= 74, et utilisez la version “Dev build” (les branchements ARCore ne sont pas encore livrés sur les versions beta/prod)
• Web Server for Chrome, ou votre propre serveur web
• un câble USB reliant votre téléphone à votre PC
• l’exemple de code du codelab - Téléchargez le zip ou clonez ce dépôt
• un éditeur de code
• des connaissances en HTML, CSS, JavaScript et Chrome Devtools