Mohamed Osama
→العودة إلى المشاريع
مباشرWebGLThree.js3DInteractiveAI

رنين محمد

Google I/O 2026 — Code the Countdown

رنين محمد

عن المشروع

Elitk Resonance (8.elitk.com) تجربة ثلاثية الأبعاد تشتغل في المتصفح مباشرةً — آلاف الجزيئات تتجمع حول رقم ثمانية مضيء وثابت، وتتفاعل مع كل شيء حولك: صوتك، موسيقاك، حضورك الجسدي، وحركاتك.

هي تجربة توقيع تقني وإبداعي. كل عنصر — من شكل الجزيئات إلى طريقة نبضها وتحولها — يُشغَّل بمدخلات حية من الشخص الذي يعيشها.

لا يوجد مشهد ثابت. البيئة لا تتكرر أبداً.

أثر ونتائج المشروع

النتيجة
التفاصيل
ثلاثي الأبعاد في المتصفح
يعمل كلياً في المتصفح بدون تنزيلات أو تثبيت أو إضافات
أربعة مصادر إشارات حية
الصوت، الصوت البشري، حضور الكاميرا، واللمس — كلها نشطة في آنٍ واحد
أكثر من 8 تشكيلات جزيئية
كرة، طوق، حلزون DNA، دوامة، شبكة، Core 8، وأكثر
محادثة ذكاء اصطناعي فورية
مساعد مدعوم بـ Gemini مدمج داخل البيئة البصرية
تدهور رشيق
رفض الكاميرا أو الميكروفون ← احتياط كامل بدون فقدان التجربة الأساسية
جودة بصرية سينمائية
إضاءة وتوهج بمستوى أفلام — محسوبة حياً
صفر محتوى مسبق التصيير
كل إطار يُولَّد في الوقت الفعلي من المدخلات الحية

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

01
TypeScript
تقنية مستخدمة
02
WebGL
تقنية مستخدمة
03
Three.js
تقنية مستخدمة
04
Web Audio API
تقنية مستخدمة
05
Face Mesh
تقنية مستخدمة

الوحدات والمميزات

تفاصيل الوحدة 01

محرك عالم الجزيئات

→

*آلاف النقاط المتحركة تتشكل وتتحول وتتنفس معاً**

→

في قلب التجربة محاكاة مبنية خصيصاً تُشغّل آلاف النقاط الضوئية الفردية في آنٍ واحد. هذه الجزيئات لا تطفو فقط — بل تُنظم نفسها في أشكال يمكن التعرف عليها: كرة، حلزون، دوامة، شبكة، طوق، وغيرها — كلها مثبتة حول رقم ثمانية سينمائي في المركز.

→

التبديل بين التشكيلات فوري. الجزيئات تتفكك وتُعيد تكوين نفسها في الوقت الفعلي، كأن العالم يُعاد كتابته حول الثمانية.

→

تضيف مؤثرات بصرية متقدمة توهجاً وإضاءة على حقل الجزيئات، ما يمنح جودة سينمائية تشبه الأفلام المُصنّعة — لكنها تعمل حياً في المتصفح بدون أي محتوى مسبق التصيير.

→

*ما يقدمه:** بيئة بصرية حية يصبح فيها الرقم ثمانية رمزاً ديناميكياً ينبض — لا يتجمد ولا يتكرر أبداً.

تريد شيئاً مماثلاً؟

لنبني منتجك التالي معاً.

تواصل معي →

الأسئلة الشائعة عن المشروع

تم دمج الذكاء الاصطناعي بشكل أصيل في سير عمل النظام (مثل أتمتة المحتوى والتوثيق والتحليلات) وليس كمجرد نافذة دردشة جانبية.
نعم، النظام مصمم بهيكل ثنائي اللغة (عربي/إنجليزي) ويدعم اتجاهات RTL/LTR بشكل كامل وتلقائي.
يعتمد على Next.js 15 مع TypeScript للواجهة، ونظام حماية صارم، وقاعدة بيانات PostgreSQL/SQLite للتشغيل، مع النشر باستخدام Docker.
نطبق سياسات عزل بيانات صارمة على مستوى قاعدة البيانات مع تشفير كامل وتأمين الـ API Keys.
يمكنك التواصل مباشرة من خلال صفحة الاتصال للبدء في تخطيط وبناء حل مخصص لعملك.
WebGLالحالة: مباشر

رنين محمد

Google I/O 2026 — Code the Countdown

نسبة الإنجاز100%
2026زيارة ←

الفئات

★
WebGL
فئة المشروع
★
Three.js
فئة المشروع
★
3D
فئة المشروع
★
Interactive
فئة المشروع
★
AI
فئة المشروع
← كل الأعمال