Londra Soho'daki Indian fine-dining mekanı Dishoom, QR menüsüne WebXR tabanlı 3D yemek önizleme entegre ettikten sonra 2024 raporunda %22 artmış ortalama sipariş tutarı bildirdi. Sır şuydu: uygulama indirmek yok, App Store yok, sadece tarayıcı.
model-viewer.dev: Tek Satır HTML, Üç Platform
Google'ın açık kaynaklı <model-viewer> web bileşeni; iOS Safari'de .usdz dosyasını Quick Look'a, Android Chrome'da .glb dosyasını Scene Viewer'a yönlendirir. Tek HTML etiketi:
<model-viewer src="biryani.glb" ios-src="biryani.usdz" ar ar-modes="webxr scene-viewer quick-look" camera-controls auto-rotate></code>. Müşteri "View in your space" butonuna basar, telefonunu masaya tutar, yemek tabağı gerçek boyutta belirir. iOS 18 Quick Look artık WebXR session token'ı da destekliyor — animasyonlu modeller, dokunmatik etkileşim hepsi sorunsuz.
Dosya Boyutu: Mobil Veride 200KB Eşiği
3D modelin 200KB altında tutulması kritik. 4G/LTE'de 1MB model 3-4 saniye yüklenir; müşteri terk eder. Optimizasyon zinciri:
- Blender: Decimate modifier ile poligon sayısını 5K-10K'ya düşür. Bake textures.
- gltf-pipeline: Draco mesh sıkıştırma + Basis Universal (KTX2) doku sıkıştırma. Boyut tipik %75 azalır.
- RealityConverter (macOS): .glb → .usdz dönüşümü; iOS native AR Quick Look gerektirir.
Cloudflare R2 Hosting: Aylık $0.015/GB
200 yemek × 200KB = 40MB. R2'da egress ücretsiz, depolama $0.015/GB-ay. Aylık maliyet $0.0006 — pratik olarak sıfır. thMenu Pro+ kullanıcıları için 3D asset upload alanını menu-images/3d-models/ prefix'i altında otomatik servis ederiz.
Cache-Control: public, max-age=31536000, immutable. Model hash'i URL'e gömün (biryani-a8f3.glb); değişince yeni URL, eski CDN cache geçerli kalır. CORS header'ı: Access-Control-Allow-Origin: *.
FAQ
3D modeli kim yapacak, fotoğrafçı yetmez mi? Photogrammetry (Polycam, RealityScan iOS apps) telefonla 3-5 dakikada model çıkarır. Yemek için 30-40 fotoğraf yeterli; sonuç AR için yeterince temiz.
Eski iPhone'lar destekler mi? Quick Look iOS 12+ (2018). Scene Viewer Android 7+ (ARCore destekli cihaz). Toplam pazar payı %92'nin üzerinde — kapsam endişe değil.
model-viewer ücretsiz mi? Apache 2.0 lisansı. Google sürdürüyor; production'da Pinterest, Shopify, IKEA kullanıyor.
Faydalı buldunuz mu? Paylaşın.
İlgili makaleler
Müşteri Aboneliğini Düşürünce Eski Özellikler Ne Olur? — SaaS Sessiz Feature-Drift Problemi
Çoğu SaaS abonelik tier’ı düştüğünde tek satır kod çalıştırır ama eski özellikle…
JWT alg-confusion atağı — Supabase HS256'dan RS256/JWKS'e geçince eski verifier'lar neden yıkılır?
JWT header'ı decode etmeyen verifier'lar `alg=none` ve `alg-confusion` saldırıla…
Her bakiye değişikliğinin neden bir 'journal row'u olmalı? — SaaS finansal audit'in temel taşı
SaaS bakiyeleri tek satır UPDATE ile yönetince "drift var ama HANGİ mutasyon yan…