AR-madforhåndsvisning via WebXR: browser-3D uden app

Den indiske fine-dining restaurant Dishoom i London Soho rapporterede i 2024 en 22% stigning i gennemsnitsregning efter at have integreret WebXR-madforhåndsvisning i QR-menuen. Tricket: ingen app-installation.

model-viewer.dev: ét HTML-tag, tre platforme

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

Gæsten trykker "Vis i dit rum", retter telefonen mod bordet, og retten vises i naturlig størrelse. iOS 18 Quick Look understøtter animation, lyd og fysik — biryani-damp inklusive.

Filstørrelse: 200KB-grænsen

Hvert 3D-aktiv skal være under 200KB. På 4G tager 1MB 3–4 sekunder; brugeren forsvinder.

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

Cloudflare R2-hosting

200 retter × 200KB = 40MB. R2 har nul egress-omkostninger 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. Indlejr hash i URL; nye aktiver får nye URL'er uden cache-purge.

FAQ

Skal jeg bruge en 3D-kunstner? Nej. Polycam eller RealityScan laver en ret på 3–5 minutter ud fra 30–40 fotos.

Understøtter gamle telefoner det? Quick Look fra iOS 12, Scene Viewer Android 7+. Dækning over 92%.

Er model-viewer gratis? Apache 2.0-licens. I produktion hos Shopify, IKEA, Pinterest.

Var dette nyttigt? Del det.