Pré-visualização AR de pratos via WebXR: 3D no navegador sem app

O restaurante indiano Dishoom em Londres Soho reportou em 2024 um aumento de 22% no ticket médio após integrar pré-visualização AR via WebXR no menu QR. O truque: zero apps para baixar.

model-viewer.dev: uma tag HTML, três plataformas

O componente open-source do Google <model-viewer> roteia .usdz para iOS Quick Look e .glb para Android Scene Viewer. Uma linha de markup cobre ambos ecossistemas.

O cliente toca "Ver no seu espaço", aponta o telefone para a mesa e o prato aparece em tamanho real. iOS 18 Quick Look suporta animação, som e física — vapor do biryani incluído.

Tamanho: o limite de 200KB

Cada asset 3D deve ficar abaixo de 200KB. Em 4G, 1MB leva 3–4 segundos; o usuário desiste.

• Blender Decimate: reduzir polígonos para 5K–10K.
• gltf-pipeline: compressão Draco + KTX2. Redução típica de 75%.
• RealityConverter: .glb → .usdz para iOS AR Quick Look.

Hosting Cloudflare R2

200 pratos × 200KB = 40MB. R2 tem zero custo de egress e $0.015/GB-mês — cerca de $0.0006/mês. thMenu Pro+ hospeda modelos 3D em menu-images/3d-models/.

Cache-Control: public, max-age=31536000, immutable. Inclua hash na URL; novos assets recebem novas URLs sem purge.

FAQ

Preciso de um artista 3D? Não. Polycam ou RealityScan capturam um prato em 3–5 minutos a partir de 30–40 fotos.

Telefones antigos suportam? Quick Look a partir do iOS 12, Scene Viewer Android 7+. Cobertura acima de 92%.

model-viewer é grátis? Licença Apache 2.0. Usado por Shopify, IKEA, Pinterest.

Achou útil? Compartilhe.