Hover Racer 3D

مشروع تطوير تجربة ويب ثلاثية الأبعاد تفاعلية مستوحاة من ألعاب الجيل السادس (PlayStation 2 / Dreamcast) بجماليات Y2K الشهيرة فـ أواخر التسعينيات وبداية الألفية، بالاعتماد الكامل على البرمجة الإجرائية (Procedural Geometry) والإضاءة التفاعلية بدون استخدام ملفات خارجية ثقيلة.

🎯 الهدف من المشروع:

تقديم عرض تفاعلي رفيع المستوى (Interactive Product Showcase) يبرز مهارات التطوير الرسومي على الويب، مع توفير واجهة مستخدم ثنائية اللغة (إنجليزية/فرنسية) واستجابة فائقة تناسب العروض الموجهة للزبناء الدوليين والشركات.

✨ الميزات والتقنيات المطورة:

- أداء سلس 60 FPS: بناء المجسم بالكامل عبر الخوارزميات البرمجية (~1,240 MESH FACETS) لضمان أقصى سرعة تحميل واستجابة على الهواتف والبيسي.

- طابع الجيل السادس (Phong Specular Shader): استخدام تقنيات التظليل المعدني اللامع لإعطاء الطابع النوستالجي لألعاب السباقات الكلاسيكية (Wipeout / F-Zero).

- واجهة مستخدم زجاجية (Y2K Glassmorphism UI): تصميم بـ CSS3 ينبض بالجماليات المستقبلية، مجهّز بخط Arial قياسي.

- دعم ثنائي اللغة (Bilingual EN/FR): إمكانية التبديل الفوري بين اللغة الإنجليزية والفرنسية بـ Click واحدة.

- تخصيص ألوان الهيكل والأضواء: ربط متطور بين ألوان الطلاء وإضاءات المحرك النفاث (Thruster Lights) عبر مكتبة GSAP.

- زوايا كاميرا سينمائية: تنقل انسيابي بين زوايا الرؤية (الواجهة الأمامية، الجانب الديناميكي، وبريق المحركات الخلفية).

🛠 التقنيات المستخدمة:

- Three.js (WebGL Engine)

- GSAP 3 (GreenSock Animation)

- HTML5 / Vanilla JavaScript (ES6 Modules)

- CSS3 (Glassmorphism & Flexbox Layout)

🔗 رابط المعاينة المباشرة (Live Demo):

يمكنكم تجربة العرض المباشر للمشروع عبر السيرفر:

[ضع رابط Vercel الخاص بك هنا - مثل: https://vercel.com/yasso8...]