Aperçu AR des plats via WebXR : 3D dans le navigateur sans app

Le restaurant indien Dishoom à Londres Soho a rapporté en 2024 une augmentation de 22% du panier moyen après avoir intégré l'aperçu AR via WebXR dans son menu QR. L'astuce : aucune app à installer.

model-viewer.dev : une balise HTML, trois plateformes

Le composant open-source de Google <model-viewer> route .usdz vers iOS Quick Look et .glb vers Android Scene Viewer. Une ligne de balisage couvre les deux écosystèmes.

Le client touche "Voir dans votre espace", pointe l'appareil vers la table, et le plat apparaît à taille réelle. iOS 18 Quick Look prend en charge l'animation, le son et la physique — vapeur du biryani comprise.

Taille de fichier : la limite 200KB

Chaque asset 3D doit rester sous 200KB. En 4G, 1MB prend 3–4 secondes ; l'utilisateur abandonne.

• Blender Decimate : réduire le nombre de polygones à 5K–10K.
• gltf-pipeline : compression Draco + KTX2. Réduction typique de 75%.
• RealityConverter : .glb → .usdz pour iOS AR Quick Look.

Hébergement Cloudflare R2

200 plats × 200KB = 40MB. R2 a zéro frais d'egress et $0.015/Go/mois — environ $0.0006/mois. thMenu Pro+ héberge les modèles 3D automatiquement sous menu-images/3d-models/.

Cache-Control : public, max-age=31536000, immutable. Intégrez le hash dans l'URL ; les nouveaux assets reçoivent de nouvelles URL sans purge.

FAQ

Faut-il un artiste 3D ? Non. Polycam ou RealityScan capturent un plat en 3–5 minutes à partir de 30–40 photos.

Les anciens téléphones supportent-ils ? Quick Look à partir d'iOS 12, Scene Viewer Android 7+. Couverture supérieure à 92%.

model-viewer est-il gratuit ? Licence Apache 2.0. Utilisé par Shopify, IKEA, Pinterest.

Cet article vous a été utile ? Partagez-le.