نظرة عامة
مفهوم عارض منتجات ثلاثي الأبعاد مصمم لمنصات التجارة الإلكترونية، يمنح العملاء القدرة على التفاعل مع المنتجات بالأبعاد الثلاثة الكاملة قبل الشراء. بدلاً من صور المنتج المسطحة، يمكن للمتسوقين تدوير العناصر بحرية والتكبير على التفاصيل الدقيقة وفحص المنتجات من كل زاوية، محاكاة تجربة المتجر في التقاط شيء وفحصه. العارض مصمم ليندمج في أي موقع تجارة إلكترونية حالي ويتعامل مع أنواع منتجات متنوعة، من الأثاث إلى الإلكترونيات إلى الإكسسوارات.
التحدي
النماذج ثلاثية الأبعاد قد تكون كبيرة ومعقدة، مما يجعل التحميل الفعال حاسماً للتجارة الإلكترونية حيث كل ثانية تحميل تؤثر على معدلات التحويل. العارض يحتاج لعرض نماذج عالية الجودة بمواد وإضاءة واقعية مع الحفاظ على أحجام ملفات صغيرة وأوقات تحميل سريعة. التحكم باللمس على الجوال يجب أن يكون طبيعياً ومتجاوباً: القرص للتكبير والسحب للتدوير، بدون تعارض مع تمرير الصفحة. العارض يحتاج أيضاً للتعامل مع تنسيقات ومستويات جودة مختلفة بسلاسة.
الحل
عارض بتقنية Three.js مع تحميل محسّن للنماذج باستخدام ضغط DRACO لأحجام ملفات أصغر وتحميل تدريجي للشبكات للعرض الفوري. نظام الإضاءة يستخدم خرائط بيئية لعرض مواد واقعية بدون حسابات ثقيلة. التحكم بالمدار مضبوط لتفاعل الماوس واللمس، تخميد سلس وحدود تكبير ودوران تلقائي يتوقف عند تفاعل المستخدم. العارض يدعم عدة عروض للمنتج مع زوايا كاميرا مسبقة، وحاوية متجاوبة تتكيف من تخطيطات الحاسوب إلى بطاقات الجوال المدمجة.
