Quantum Core Runner - Neural Drift
TechnologyQuantum Core Runner | Neural Drift is an experimental 3D browser game that bridges advanced computer vision with real-time WebGL graphics. By leveraging MediaPipe Face Mesh and Three.js, the project eliminates traditional peripherals, allowing users to navigate a fast-paced neon tunnel using head-tilt tracking and blink gestures.
Key Features & Innovation
Hands-Free Neural Steering: Real-time head rotation processing maps full 3D pitch/yaw movements directly into in-game motion vector steering.
Blink Gesture Triggers: Computer vision pipeline detects eye blinks to seamlessly select menu items and initiate game restarts without key presses.
Cyberpunk Glassmorphic HUD: Modern UI built with layered CSS glassmorphism, offering live telemetry, camera feed status, and speed metrics.
Procedural Tunnel & Lighting: Dynamic 3D environment with real-time speed scaling, bloom effects, and particle physics powered by custom shaders.
Low-Latency Edge Processing: All facial tracking runs client-side via WebAssembly/WebGPU, ensuring 60 FPS performance without sending video data to any server.
1. Facial Tracking Setup: The browser requests webcam permission and initializes the MediaPipe tracking pipeline.
2. Gesture Translation: The engine calculates real-time pitch and roll angles relative to the camera center, mapping them to horizontal and vertical movement vectors.
3. Core Physics Loop: The player's core responds instantly to head movements inside the Three.js render loop, with speed ramping up as the player dodges procedural obstacles.