AR náhled jídla přes WebXR: 3D v prohlížeči bez aplikace

Indická fine-dining restaurace Dishoom v londýnském Soho v roce 2024 vykázala 22% nárůst průměrné útraty po integraci WebXR AR náhledu jídla do QR menu. Trik: žádná aplikace k instalaci.

model-viewer.dev: jedna HTML značka, tři platformy

Open-source webová komponenta Google <model-viewer> směřuje .usdz do iOS Quick Look a .glb do Android Scene Viewer. Jeden řádek pokrývá oba ekosystémy.

Host klepne na "Zobrazit ve vašem prostoru", namíří telefon na stůl a jídlo se objeví v reálné velikosti. iOS 18 Quick Look podporuje animaci, zvuk i fyziku — pára z biryani včetně.

Velikost souboru: hranice 200KB

Každý 3D asset musí zůstat pod 200KB. Na 4G 1MB trvá 3–4 sekundy; uživatel odejde.

• Blender Decimate: snížit polygony na 5K–10K.
• gltf-pipeline: Draco + KTX2. Typicky 75% úspora.
• RealityConverter: .glb na .usdz pro iOS AR Quick Look.

Hosting Cloudflare R2

200 jídel × 200KB = 40MB. R2 má nulové egress poplatky a $0.015/GB-měsíc — cca $0.0006/měsíc. thMenu Pro+ hostuje 3D modely pod menu-images/3d-models/.

Cache-Control: public, max-age=31536000, immutable. Vložte hash do URL; nové assety dostanou nové URL bez purge cache.

FAQ

Potřebuji 3D umělce? Ne. Polycam nebo RealityScan vytvoří jídlo za 3–5 minut z 30–40 fotografií.

Podporují to staré telefony? Quick Look od iOS 12, Scene Viewer Android 7+. Pokrytí přes 92%.

Je model-viewer zdarma? Apache 2.0 licence. V produkci u Shopify, IKEA, Pinterest.

Bylo to užitečné? Sdílejte to.