Link copied to clipboard!

Login Required

Please login or create an account to access this feature.

Create Account
or continue as guest
Home
Nithin
Quantum Core Runner - Neural Drift
#Game #Face Tracking

Quantum Core Runner - Neural Drift

Technology

Quantum 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.

globe
CTA

Build smarter websites. Grow your business faster.

Transform your ideas into modern websites and custom web applications that improve performance, attract customers, and support long-term business growth.