Aura Audio 3D Visualizer

📝 وصف المشروع

مشروع تطوير تطبيق ويب تفاعلي ثلاثي الأبعاد لتمثيل ومعالجة الترددات الصوتية فـ الوقت الفعلي (Real-Time Audio Spectrum Visualization) باستعمال مكتبات Three.js و Web Audio API بدون الحاجة لأي مكتبات خارجية ثقيلة، مع تقديم أداء انسيابي يصل لـ 60 FPS.

🎯 أبرز المميزات:

دعم الملفات الصوتية (MP3 / WAV): إمكانية رفع وتوليد الملفات الصوتية الخاصة للمستخدم مباشرة من الجهاز والبدء فـ المزامنة التفاعلية.

3 أنماط عرض سينمائية (Visual Moods): التبديل السلس بين خلفيات وأنماط بصرية متنوعة (Cyber Neon Core, Ambient Nebula, Synthwave Tunnel) باستخدام GSAP 3.

تصميم Y2K زجاجي (Glassmorphism UI): واجهة مستخدم متناسقة ومستقبلية تعتمد على تقنيات CSS3 الحديثة وخط Arial القياسي.

أداء عالي وسلس (High Performance): بناء الأشكال والأجسام برمجياً (Procedural Geometry) لضمان أقصى كفاءة على مختلف المتصفحات.

🛠 التقنيات المستخدمة (Tech Stack):

Three.js (r160): محرك الرسوميات ثلاثية الأبعاد WebGL.

Web Audio API: معالجة وتحليل إشارات الصوت عبر AnalyserNode.

GSAP 3: تحريك الكاميرا والانتقالات البصرية.

HTML5 / CSS3 / Vanilla JS (ES6 Modules): الهيكلة وتصميم الواجهة الزجاجية.