Home▸Algorithms & AI▸Procedural City: Recursive Road-Network Generator (2D)

🏙️ Procedural City: Recursive Road-Network Generator (2D)

Interactive 2D procedural city generator: a recursive block-subdivision algorithm carves a road network and building lots, then extrudes a pseudo-3D skyline with height falloff toward the center and flickering night windows. Pan, zoom and regenerate to explore different layouts.

Algorithms & AI2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-procedural-city ↗ Open standalone
⚙ Under the hood

Interactive 2D procedural city generator: a recursive block-subdivision algorithm carves a road network and building lots, then extrudes a pseudo-3D skyline with height falloff toward the center and flickering night windows. Pan, zoom and regenerate to explore different layouts.

AlgorithmsProcedural GenerationCityRecursionSimulation

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)