عرض2026

Resonance 8

تجربة WebGL ثلاثية الأبعاد حية — آلاف الجسيمات تتفاعل مع الصوت والصوت المنطوق والوجه واللمس لتشكّل رقم 8 سينمائي. صُنعت لتحدي Google I/O 2026.

Resonance 8 تجربة جسيمات غامرة في الوقت الحقيقي: آلاف الجسيمات المغناطيسية تتحول بين أكثر من 8 تشكيلات (كرة، مجرة، حلزون DNA، دوامة، شبكة، قلب...) حول رقم ثمانية سينمائي ثابت. محرك فيزياء GPGPU مخصص بشيدرز WebGL يدويّة، مع تحليل صوت حي (FFT)، تتبع وجه بالكاميرا عبر MediaPipe، ومساعد ذكاء اصطناعي محادثاتي مبني على Gemini بصوت TTS. تجربة إبداعية-تقنية بُنيت لتحدي Google I/O 2026 "Code the Countdown"، تعمل بالكامل داخل المتصفح.

من داخل المنصة

Resonance 8 — 1Resonance 8 — 2Resonance 8 — 3Resonance 8 — 4Resonance 8 — 5Resonance 8 — 6Resonance 8 — 7Resonance 8 — 8

التحدي

صنع تجربة إبداعية-تقنية توازن بين الفن التوليدي، تفاعل الذكاء الاصطناعي، تحليل الصوت الحي، ورؤية الحاسوب — كل ده شغال بسلاسة داخل متصفح، بلا تنازل عن الأداء.

الحل

محرك جسيمات مخصص بـ React Three Fiber وWebGL GPGPU، مع طبقة ذكاء اصطناعي بـ Gemini، وتحليل صوت FFT حي، وتتبع وجه بـ MediaPipe — كل الإشارات (الصوت، الصوت المنطوق، الحضور، اللمس) بتغيّر سلوك الجسيمات في الوقت الحقيقي.

القيمة التجارية

دليل حي على عمق قدرات باج باك الهندسية والإبداعية — واجهة تفاعلية معقدة، ذكاء اصطناعي، ورسوميات ثلاثية الأبعاد في مشروع واحد مبهر بصرياً.

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

React Three FiberThree.jsGLSL ShadersMediaPipeGemini AIWeb Audio APIWeb Speech API

تريد شيئاً مشابهاً لمشروعك؟

ابدأ التقييم المجاني