تجربة ويب تفاعلية ثلاثية الأبعاد لصالح Prescott & Davies Law
يُدخل هذا المشروع تمثال Themis المصمَّم في Blender إلى مشهد three.js لتحويل موقع مكتب محاماة كلاسيكي إلى تجربة تفاعلية ثلاثية الأبعاد موجَّهة لأجهزة سطح المكتب. عند تحميل الصفحة، يُستقبل المستخدمون بحركات للكاميرا والإضاءة حول التمثال، ثم ينتقلون إلى مشاهد ثلاثية الأبعاد منفصلة مرتبطة بكل مجال من مجالات الممارسة القانونية.
نظرة موجزة على الأدوات التي استخدمناها والمخرجات الملموسة التي سلّمناها، بدءًا من النمذجة ثلاثية الأبعاد في Blender وصولًا إلى التنفيذ الفعلي بـ three.js في المتصفح.
مشهد رئيسي يتوسطه تمثال Themis ثلاثي الأبعاد
يتوسط تمثال Themis المصمَّم في Blender القسم الرئيسي للصفحة، مُصيَّرًا عبر three.js مع دوران خفيف يرسّخ التجربة بأكملها.
مشاهد ثلاثية الأبعاد مخصصة لكل مجال ممارسة
يستدعي كل مجال قانوني (الاستشارات، العقود، الجنائي، العمل، العقارات) نموذج GLTF ومحتوى خاصين به، مع انتقالات متحركة بين العناصر.
بنية three.js ثنائية المشاهد
يُخصَّص مشهد للقسم الرئيسي الذي يضم تمثال Themis، بينما يتولى مشهد ثانٍ النماذج الخاصة بالخدمات، ولكل منهما كاميرا ومُصيِّر مستقلان.
حركة افتتاحية موقوتة للكاميرا والإضاءة
عند التحميل الأول، تتحرك الكاميرا من قاعدة التمثال صعودًا نحو الوجه، بينما يتحرك دوران النموذج والإضاءة على خط زمني مشترك للحركات الانتقالية.
إضاءة متجاوبة مع الفأرة ومؤشر مخصص
تتفاعل الإضاءة الاتجاهية والتكميلية بنعومة مع حركة الفأرة، ويضيف مؤشر مخصص ذو أثر متتابع طبقة تفاعل خفية فوق التصميم بأكمله.
تجربة موجَّهة لسطح المكتب ومسار تحميل مدروس
تُحمَّل النماذج المضغوطة بتقنية Draco عبر مدير تحميل وطبقة تغطية مخصصين، بينما تظهر لزوار الأجهزة المحمولة رسالة مخصصة توضح أن التجربة مُحسَّنة لأجهزة سطح المكتب.
لنبنِ معًا
نمِّ أعمالك مع حلول استوديو dodbyte الإبداعي عبر التواصل معنا الآن