NEON RUN
A night-time courier driving game in a rain-soaked cyberpunk megacity, in the browser.
Play the Night Shift story (12 missions), or free-ride delivery jobs: beat the clock, drift corners, dodge traffic and hazard drones, earn credits, buy and upgrade cars and unlock four districts: Neon District, Backstreets, Downtown Towers and Industrial Docks.
Get out of the car any time and walk the streets: talk to the people you meet, or pull a driver out of a traffic car and take it. The police take an interest: wanted stars, pursuit cruisers and, at three stars, roadblocks.
Story missions:
| # | Mission | District | Type |
|---|
| 1 | First Shift | Neon | Delivery |
| 2 | Last Few Meters | Neon | On foot: walk a package to a contact |
| 3 | Handle With Care | Neon → Backstreets | Fragile cargo (damage meter) |
| 4 | Borrowed Wheels | Backstreets | Steal a specific car |
| 5 | Shadow | Backstreets | Tail a van without being seen |
| 6 | Sideways | Backstreets | Drift score attack |
| 7 | Executive Ride | Downtown | VIP passenger (comfort meter) |
| 8 | Glass Canyon | Downtown | Checkpoint time trial |
| 9 | Hot Package | Downtown | Deliver with the police on you |
| 10 | Fog Run | Docks | Security drones |
| 11 | Clean Getaway | Docks | Escape four stars |
| 12 | Last Run | All | Finale: three stops, police and drones |
Everything is original: the city, brands, signage and the car are generated or modelled for this project. No real manufacturers or franchises appear.
Play
npm ci
npm run dev # http://localhost:5173
npm run build && npm run preview
| Key | Action |
|---|
| W / ↑ | Throttle |
| S / ↓ | Brake / reverse |
| A D / ← → | Steer |
| Space | Handbrake (drift) |
| Shift / N | Boost |
| C | Camera (chase / far / hood) |
| R | Reset car |
| E / F | Get out · get in · steal a car |
| T | Talk to someone (on foot) |
| Mouse / Q | Look around on foot (click to capture the mouse) |
| Shift (on foot) | Run · Space jumps |
| Enter / F | On a mission result: next / free ride |
| M | Big map |
| Esc / P | Pause |
Gamepads and touch (phones and tablets, landscape) are supported. On touch screens the left thumb steers or walks with a stick, the right thumb has GAS/BRAKE/DRIFT/BOOST (or RUN/JUMP on foot), drag the right side to look around, and EXIT / GET IN / STEAL / TALK buttons appear when you can use them.
URL flags:
?q=low|med|high forces graphics quality (otherwise auto-detect plus adaptive downgrade).?debug shows fps and draw calls.?touch forces touch controls.
How it's built
- Engine: three.js (WebGL2) + Vite + TypeScript.
- Physics: Rapier WASM rigid body driven by a custom 4-wheel raycast vehicle (suspension, slip-angle tires, friction circle, RWD, handbrake, ABS, drift assists).
- Rendering:
- planar wet-road reflections with roughness blur and streaks
- neon light pools in the ground shader
- instanced procedural city with AI-generated night facades and signage atlases
- live cube-map reflections on the car paint
- bloom, SSAO, ACES, film grain, chromatic aberration, vignette, SMAA
- lens rain and speed blur
- GPU rain, splashes and particles
- People: photoreal T-pose characters (image → Meshy 3D), auto-rigged with Meshy, animated with Meshy walk/run clips plus text-to-motion clips (Hunyuan Motion) retargeted in Blender; voiced street conversations (ElevenLabs).
- Cars: eight generated traffic cars (image → Tripo 3D), cleaned and wheel-split in Blender, every one drivable.
- Assets: fal.ai for textures, signage, ads, sky, UI, liveries, image-to-3D cars, people and landmarks, video, music, SFX, mission art and all voices. Blender (bpy, headless) for the city kit and hero car cleanup; gltf-transform for compression. See
assets/manifest.json (prompt, model, seed and cost per file) and NOTES.md.
