PlanTo3D: تحويل مخطط معماري ثنائي الأبعاد إلى منزل ثلاثي الأبعاد قابل للتجول
تطبيق WebGL تفاعلي يحول المخطط الهندسي ثنائي الأبعاد لمنزل متعدد الطوابق إلى مجسم ثلاثي الأبعاد قابل للتجول من منظور الشخص الأول أو المنظور الخارجي مباشرة في المتصفح.
Three.jsTypeScriptViteWebGL
السياق
يجد أصحاب المنازل صعوبة في تخيل أبعاد الغرف وارتفاع الأسقف وتوزيع الإضاءة من مجرد مخطط معماري مسطح، بينما تتطلب برامج التصميم الثلاثي الأبعاد الثقيلة أجهزة قوية وخبرة تقنية.
النطاق الذي أعرضه علناً
- بناء هندسي دقيق للجدران والأبواب والنوافذ والشرفات والسلالم والأعمدة انطلاقاً من الإحداثيات ثنائية الأبعاد.
- توليد برمجي للخامات (الرخام، الباركيه، الزليج، الجبس) عبر Canvas دون الحاجة لتحميل عشرات الميغابايتات من الصور.
- وضعان للكاميرا: منظور خارجي (Dollhouse) مع عزل كل طابق على حدة، وتجول داخلي (First-person) مع فتح الأبواب وتغيير الإضاءة بين النهار والليل.
قرارات ومقايضات
- توليد الخامات والأشكال برمجياً بالكامل ليفتح المشهد ثلاثي الأبعاد بسرعة فائقة على المتصفح والهاتف.
- إضافة حدود تصادم (Collision bounds) مبسطة أثناء التجول الداخلي لمنع اختراق الجدران مع الحفاظ على سلاسة الحركة (60 إطاراً في الثانية).
- المقايضة: الإضاءة والخامات المولدة في المتصفح تمنح إحساساً فورياً بالمساحة، لكنها لا تستهدف الواقعية الفوتوغرافية لبرامج الرندر السحابي البطيئة.
التجربة الثلاثية الأبعاد منشورة ومفتوحة للجميع على الرابط mbardouni.dev/house/.
راجع المصدر العامإفصاح: المشروع منشور بالكامل للمعاينة المباشرة في المتصفح.