The Rooftop Parkour Run — Mirror's Edge in a Browser Tab
Mirror's Edge across procedural city rooftops. Wall-run, slide, vault. AABB capsule collision with momentum preservation. Combo timer. White walls + red accents + bright blue sky. Mistime a jump and you fall ten stories.
What this is
A first-person parkour showcase in the spirit of Mirror's Edge. 28 procedurally chained urban rooftops with varying heights, water tanks (red), pipes (red), HVAC, antennae, ramps, vault crates, wall-run rails. AABB capsule collide-and-slide collision with real momentum preservation. Wall-run by holding jump + W into a wall (camera rolls into the wall). Slide with Ctrl. Auto-vault over low obstacles. Air control mid-jump. Combo timer rewards uninterrupted flow. White FPS hands with the iconic red wristband. 158 BPM DnB-lite via Web Audio. Cars and people visible WAY below.
Why this is mind-blowing
Mirror's Edge was DICE's million-dollar AAA debut in 2008. This is the same movement system in 1303 lines of JavaScript from one paragraph of prompt, with the iconic palette and feel intact. The wall-run actually feels right.
First-person parkour movement showcase in three.js — Mirror's Edge
inspired. Procedurally generated urban rooftop sequence (varying gaps,
walls, ledges, pipes, rails). WASD walk/run, space jump, hold space + W
into a wall to wall-run, ctrl to slide, vault automatically over low
obstacles. Air control. Momentum preservation. Combo timer. Mirror's
Edge palette — white walls + red accents + sky blue. 60fps locked.Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.
What I learned shipping it
- Momentum preservation across landings is what separates parkour-feel from generic-FPS-feel. Don't kill horizontal velocity on touchdown.
- Wall-running is just lateral probe at torso height + project velocity onto wall plane + reduced gravity + camera roll. The camera roll is what sells it.
- Mirror's Edge palette — white walls, red accents (water tanks, doors, pipes), bright blue sky, yellow ledge highlights — is the entire visual identity. Get the palette right and the game looks right.