Skip to content
المميزاتالأسعارالشراكةالمدونةالمساعدةمن نحنتواصل معنا
ابدأ الآنتسجيل الدخول
العودة إلى المدونة
industry2026-07-166 دقيقة قراءة

معاينة الطعام بالواقع المعزز عبر WebXR: 3D في المتصفح بدون تطبيق

كيف حقق Dishoom Soho زيادة 22% في متوسط الفاتورة باستخدام model-viewer. تحسين .glb دون 200KB واستضافة R2 بسنتات شهرياً.

th

thMenu Team

thmenu.com

أبلغ مطعم Dishoom الهندي الراقي في سوهو بلندن عن زيادة 22% في متوسط الفاتورة عام 2024 بعد دمج معاينة الطعام بالواقع المعزز WebXR في قائمة QR. الحيلة: لا تطبيقات تُحمَّل.

model-viewer.dev: وسم HTML واحد، ثلاث منصات

مكوّن Google مفتوح المصدر <model-viewer> يوجّه .usdz إلى iOS Quick Look و.glb إلى Android Scene Viewer. سطر واحد يغطي النظامين.

يضغط الزبون "اعرض في مكانك"، يوجّه الهاتف نحو الطاولة، فيظهر الطبق بالحجم الحقيقي. iOS 18 Quick Look يدعم الحركة والصوت والفيزياء.

حجم الملف: حد 200KB

يجب أن يبقى كل أصل 3D تحت 200KB. على 4G، 1MB يستغرق 3–4 ثوانٍ؛ المستخدم يغادر.

  • Blender Decimate: تقليل المضلعات إلى 5K–10K.
  • gltf-pipeline: ضغط Draco + KTX2. تقليل نموذجي 75%.
  • RealityConverter: .glb إلى .usdz لـ iOS AR Quick Look.

استضافة Cloudflare R2

200 طبق × 200KB = 40MB. R2 بـ صفر رسوم خروج و$0.015/GB-شهر — نحو $0.0006/شهر. thMenu Pro+ يستضيف نماذج 3D تحت menu-images/3d-models/.

Cache-Control: public, max-age=31536000, immutable. ضمّن hash في الـ URL؛ الأصول الجديدة تحصل على URLs جديدة دون مسح cache.

الأسئلة الشائعة

هل أحتاج فناناً 3D؟ لا. Polycam أو RealityScan يلتقطان طبقاً في 3–5 دقائق من 30–40 صورة.

هل تدعم الهواتف القديمة؟ Quick Look من iOS 12، Scene Viewer Android 7+. تغطية تتجاوز 92%.

هل model-viewer مجاني؟ ترخيص Apache 2.0. تستخدمه Shopify وIKEA وPinterest.

هل وجدت هذا مفيداً؟ شاركه.