Skip to content
FunkciókÁrakPartnerekBlogSúgóRólunkKapcsolat
KezdésBejelentkezés
Vissza a Bloghoz
industry2026-07-166 perc olvasás

AR ételelőnézet WebXR-en keresztül: böngésző-3D alkalmazás nélkül

Hogyan érte el a Dishoom Soho a +22%-os átlagos rendelési értéket a model-viewerrel. 200KB alatti .glb optimalizálás és R2 hosting fillérekért.

th

thMenu Team

thmenu.com

A londoni Soho indiai fine-dining étterme, a Dishoom 2024-ben 22%-os átlagos rendelési érték növekedést jelentett a WebXR ételelőnézet QR-menübe integrálása után. A trükk: nincs telepítendő alkalmazás.

model-viewer.dev: egy HTML címke, három platform

A Google nyílt forráskódú webkomponense, a <model-viewer> az .usdz-t iOS Quick Lookba, a .glb-t Android Scene Viewerbe irányítja. Egy sor lefedi mindkét ökoszisztémát.

A vendég a "Megtekintés a saját terében" gombra koppint, a telefont az asztalra irányítja, és az étel valós méretben jelenik meg. Az iOS 18 Quick Look támogatja az animációt, hangot, fizikát — a biryani gőzével együtt.

Fájlméret: a 200KB-os küszöb

Minden 3D-asszet maradjon 200KB alatt. 4G-n 1MB 3–4 másodpercig tölt; a felhasználó elmegy.

  • Blender Decimate: sokszögek csökkentése 5K–10K-ra.
  • gltf-pipeline: Draco + KTX2. Tipikusan 75%-os csökkenés.
  • RealityConverter: .glb-ből .usdz az iOS AR Quick Lookhoz.

Cloudflare R2 hosting

200 étel × 200KB = 40MB. Az R2 nulla egress költséggel és $0.015/GB-hó tárolóval — kb. $0.0006/hó. A thMenu Pro+ a menu-images/3d-models/ alá hosztolja a 3D modelleket.

Cache-Control: public, max-age=31536000, immutable. Beépítsd a hash-t az URL-be; új asszetek új URL-eket kapnak cache törlés nélkül.

GYIK

Kell 3D művész? Nem. A Polycam vagy RealityScan 3–5 perc alatt készít ételt 30–40 fotóból.

Régi telefonok támogatják? Quick Look iOS 12-től, Scene Viewer Android 7+. Lefedettség 92% felett.

A model-viewer ingyenes? Apache 2.0 licenc. Élesben használja a Shopify, IKEA, Pinterest.

Hasznosnak találtad? Oszd meg.