Skip to content
FunksjonerPriserPartnerBloggHjelpOm ossKontakt
Kom i gangLogg inn
Tilbake til Bloggen
industry2026-07-166 min lesing

AR matforhåndsvisning via WebXR: nettleser-3D uten app

Hvordan Dishoom Soho oppnådde +22% gjennomsnittlig regning med model-viewer. Sub-200KB .glb-optimalisering og R2-hosting for ører i måneden.

th

thMenu Team

thmenu.com

Den indiske fine-dining restauranten Dishoom i London Soho rapporterte i 2024 en 22% økning i gjennomsnittlig regning etter å ha integrert WebXR matforhåndsvisning i QR-menyen. Trikset: ingen app å installere.

model-viewer.dev: én HTML-tag, tre plattformer

Googles open source-webkomponent <model-viewer> ruter .usdz til iOS Quick Look og .glb til Android Scene Viewer. Én markup-linje dekker begge økosystemer.

Gjesten trykker "Vis i ditt rom", peker telefonen mot bordet, og retten dukker opp i naturlig størrelse. iOS 18 Quick Look støtter animasjon, lyd og fysikk — biryani-damp inkludert.

Filstørrelse: 200KB-grensen

Hver 3D-ressurs må holde seg under 200KB. På 4G tar 1MB 3–4 sekunder; brukeren hopper av.

  • Blender Decimate: reduser polygoner til 5K–10K.
  • gltf-pipeline: Draco + KTX2. Typisk 75% reduksjon.
  • RealityConverter: .glb til .usdz for iOS AR Quick Look.

Cloudflare R2-hosting

200 retter × 200KB = 40MB. R2 har null egress-kostnader og $0.015/GB-måned — ca. $0.0006/måned. thMenu Pro+ hoster 3D-modeller under menu-images/3d-models/.

Cache-Control: public, max-age=31536000, immutable. Bygg hash inn i URL; nye ressurser får nye URL-er uten cache-tømming.

FAQ

Trenger jeg en 3D-artist? Nei. Polycam eller RealityScan lager en rett på 3–5 minutter fra 30–40 bilder.

Støtter gamle telefoner det? Quick Look fra iOS 12, Scene Viewer Android 7+. Dekning over 92%.

Er model-viewer gratis? Apache 2.0-lisens. I produksjon hos Shopify, IKEA, Pinterest.

Var dette nyttig? Del det.