Mohamed Osama
Back to Work
LiveWebGLThree.js3DInteractiveAI

Elitk Resonance 8

Google I/O 2026 — Code the Countdown

Elitk Resonance 8

About this Project

Elitk Resonance (8.elitk.com) is a real-time, browser-based 3D experience where thousands of particles converge around a persistent, glowing number eight — and respond to everything around you: your voice, your music, your physical presence, and your touch.

It exists as a signature creative and technical demonstration. Every element — from the shape of the particles to the way they pulse and shift — is driven by live input from the person experiencing it.

There is no static frame. The environment is never the same twice.

Most digital portfolios show *what* was built. They list technologies, display screenshots, and describe features.

Elitk Resonance does something different: it *demonstrates capability through experience*. Rather than describing what is possible with real-time AI, 3D computation, and computer vision — it puts all of that into a single, living, interactive system that runs directly in the browser.

The design challenge was significant: combine four entirely different signal sources — audio, voice, camera, and physical touch — into one coherent visual world that feels intuitive, not overwhelming.

The result is a cinematic number eight that is always alive.

Project Impact & Outcomes

Browser-native 3D
Runs entirely in the browser with no downloads, no installs, no plugins
Four live signal sources
Audio, voice, camera presence, and touch — all active simultaneously
8+ particle formations
Sphere, Torus, DNA Helix, Vortex, Grid, Core 8, and more
Real-time AI conversation
Gemini-powered assistant embedded inside the visual environment
Graceful degradation
Camera or microphone denied → full fallback without loss of core experience
Cinematic visual quality
Post-processing bloom and glow at film-grade output — computed live
Zero pre-rendered content
Every frame is generated in real time from live input
صفر محتوى مسبق التصيير
كل إطار يُولَّد في الوقت الفعلي من المدخلات الحية

Tech Stack

01
TypeScript
Technology
02
WebGL
Technology
03
Three.js
Technology
04
Web Audio API
Technology
05
Face Mesh
Technology

Modules & Features

Module Details 01

The Particle World Engine

*Thousands of animated points form, morph, and breathe together**

At the center of the experience is a custom-built simulation that drives thousands of individual light points simultaneously. These particles don't just float — they organize themselves into recognizable shapes: a sphere, a helix, a vortex, a grid, a torus, and more — all anchored around a cinematic number eight at the center.

Switching between formations is instant. The particles dissolve and re-form in real time, as if the world itself is being rewritten around the eight.

Post-processing visual effects add glow and bloom to the particle field, producing a cinematic output quality that resembles a rendered film frame — yet it is running live, in the browser, without any pre-rendered assets.

*What it delivers:** A living visual environment where the number eight becomes a dynamic, breathing symbol — never static, never repeated.

Want something similar?

Let's build your next product together.

Let's Talk

Project FAQs

AI was natively embedded into the core workflows (such as content automation, verification, and analytics) rather than just a sidebar chat feature.
Yes, the system is architected from the ground up to be natively bilingual (Arabic/English) with full RTL/LTR rendering support.
It uses Next.js 15 with TypeScript for the frontend, secure API design, PostgreSQL/SQLite, and Docker for reproducible deployments.
We enforce strict row-level data isolation, secure authentication, and end-to-end encryption for API keys.
You can get in touch directly via the contact page to start planning and building a custom solution for your business.
WebGLStatus: Live

Elitk Resonance 8

Google I/O 2026 — Code the Countdown

Completion Progress100%
2026Visit →

Categories

WebGL
Project Category
Three.js
Project Category
3D
Project Category
Interactive
Project Category
AI
Project Category
All Projects