طورت موقع ويب تفاعلي ثلاثي الأبعاد لعرض مبنى/بيت بطريقة مشابهة لمنصات العرض العقاري الحديثة.
يعتمد المشروع على تقنيات Three.js مع دعم WebGPU عند توفره والرجوع تلقائيًا إلى WebGL لضمان التوافق مع مختلف المتصفحات.
أبرز الميزات:
عرض 3D كامل للمبنى مع تحكم سلس (Orbit / Zoom / Pan) وتجربة مستخدم نظيفة.
زر Time of Day لتبديل أوقات اليوم (Morning / Day / Evening / Night) مع تغيير الإضاءة والجو تلقائيًا.
Hotspots تفاعلية داخل المشهد: عند الضغط يتم نقل الكاميرا إلى زوايا محددة لشرح أجزاء المبنى.
Section / Cut View لقصّ المبنى وعرض الطوابق أو التفاصيل الداخلية بشكل واضح.
لوحة Surroundings / POIs لعرض نقاط الاهتمام القريبة (مدارس، أسواق، حدائق…) مع انتقال الكاميرا إليها.
نظام إعدادات (Config) قابل للتخصيص لتغيير الوحدات/الطوابق/النقاط بسهولة حسب مشروع العميل.
آلية العمل مع مشاريع العملاء:
يقوم العميل بتزويدي بملفات AutoCAD، ويتم تحويلها إلى نموذج ثلاثي الأبعاد (GLB/GLTF) ثم إدراجها داخل الموقع مع ضبط المقاسات، الكاميرا، النقاط التفاعلية، ومحتوى العرض النهائي.