Skip to content
FunctiesPrijzenPartnersBlogHelpOver onsContact
Aan de slagInloggen
Terug naar Blog
industry2026-07-166 min. leestijd

AR-gerechtvoorbeeld via WebXR: browser-3D zonder app

Hoe Dishoom Soho +22% gemiddelde besteding bereikte met model-viewer. Sub-200KB .glb-optimalisatie en R2-hosting voor centen per maand.

th

thMenu Team

thmenu.com

Het Indiase fine-dining restaurant Dishoom in Londen Soho rapporteerde in 2024 een stijging van 22% in gemiddelde besteding na integratie van WebXR-gerechtvoorbeeld in het QR-menu. De truc: geen app installeren.

model-viewer.dev: één HTML-tag, drie platformen

Googles open-source webcomponent <model-viewer> stuurt .usdz naar iOS Quick Look en .glb naar Android Scene Viewer. Eén regel markup dekt beide ecosystemen.

De gast tikt op "Bekijk in je ruimte", richt de telefoon op de tafel, en het gerecht verschijnt op ware grootte. iOS 18 Quick Look ondersteunt animatie, geluid en fysica — biryani-stoom inclusief.

Bestandsgrootte: de 200KB-grens

Elke 3D-asset moet onder 200KB blijven. Op 4G duurt 1MB 3–4 seconden; de gebruiker haakt af.

  • Blender Decimate: polygonen terugbrengen tot 5K–10K.
  • gltf-pipeline: Draco + KTX2. Doorgaans 75% reductie.
  • RealityConverter: .glb naar .usdz voor iOS AR Quick Look.

Cloudflare R2-hosting

200 gerechten × 200KB = 40MB. R2 heeft nul egress-kosten en $0.015/GB-maand — circa $0.0006/maand. thMenu Pro+ hostet 3D-modellen onder menu-images/3d-models/.

Cache-Control: public, max-age=31536000, immutable. Hash in URL inbouwen; nieuwe assets krijgen nieuwe URL's zonder cache-purge.

FAQ

Heb ik een 3D-artiest nodig? Nee. Polycam of RealityScan maken een gerecht in 3–5 minuten uit 30–40 foto's.

Ondersteunen oudere telefoons dit? Quick Look vanaf iOS 12, Scene Viewer Android 7+. Dekking boven 92%.

Is model-viewer gratis? Apache 2.0-licentie. In productie bij Shopify, IKEA, Pinterest.

Was dit nuttig? Deel het.