Skip to main content
MP
3D Web Game2025

VOID RUNNER 3D

Navigate the infinite void. Neon-soaked. Browser-native.

Role

Solo Developer

Stack
TypeScriptThree.jsReactTailwind CSS
Status

Live

Overview

A cyberpunk survival game that runs entirely in the browser — I built it to push the boundaries of what Three.js can render at 60fps without a native runtime. Navigate an infinite procedurally generated void environment, dodging obstacles in a striking neon aesthetic.

I built Void Runner in TypeScript with Three.js for rendering and React for game state management. It's both a game and a technical showcase — proving that immersive 3D experiences are a browser-native capability, not a privilege of native apps.

Screenshots

Key Features

Procedural generationInfinite levels — no two runs identical
Neon aestheticsCustom bloom shader effects
60fps WebGLSmooth Three.js rendering in-browser
React state managementGame loop, score, and lives
Responsive controlsTouch for mobile, keyboard for desktop

Tech Deep Dive

I used Three.js WebGL renderer with a custom post-processing pass for the neon bloom glow effect. My procedural generation uses a seeded chunk system — new obstacle chunks spawn ahead, old ones are disposed behind the player. React manages all game state (running/paused/gameover, score, speed). TypeScript gives me strict typing across the entire game entity system.

Next ProjectSAFESTRIDE