Podgląd AR potraw przez WebXR: 3D w przeglądarce bez aplikacji

Indyjska restauracja Dishoom w Londyn Soho zaraportowała w 2024 r. 22% wzrost średniej wartości rachunku po integracji podglądu AR WebXR w menu QR. Sekret: brak instalacji aplikacji.

model-viewer.dev: jeden znacznik HTML, trzy platformy

Komponent open-source Google <model-viewer> kieruje .usdz do iOS Quick Look i .glb do Android Scene Viewer. Jedna linia obsługuje oba ekosystemy.

Gość klika "Zobacz w swojej przestrzeni", kieruje telefon na stół i potrawa pojawia się w naturalnym rozmiarze. iOS 18 Quick Look wspiera animację, dźwięk i fizykę — para z biryani włącznie.

Rozmiar pliku: granica 200KB

Każdy zasób 3D musi mieć poniżej 200KB. Na 4G 1MB ładuje się 3–4 sekundy; użytkownik rezygnuje.

• Blender Decimate: zmniejsz wielokąty do 5K–10K.
• gltf-pipeline: Draco + KTX2. Typowo 75% redukcja.
• RealityConverter: .glb na .usdz dla iOS AR Quick Look.

Hosting Cloudflare R2

200 potraw × 200KB = 40MB. R2 ma zero opłat egress i $0.015/GB-miesiąc — około $0.0006/miesiąc. thMenu Pro+ hostuje modele 3D pod menu-images/3d-models/.

Cache-Control: public, max-age=31536000, immutable. Włóż hash do URL; nowe zasoby otrzymują nowe URL bez czyszczenia cache.

FAQ

Czy potrzebuję artysty 3D? Nie. Polycam lub RealityScan tworzą potrawę w 3–5 minut z 30–40 zdjęć.

Czy stare telefony obsługują? Quick Look od iOS 12, Scene Viewer Android 7+. Pokrycie ponad 92%.

Czy model-viewer jest darmowy? Licencja Apache 2.0. Używany produkcyjnie przez Shopify, IKEA, Pinterest.

Czy to było pomocne? Udostępnij.