Home▸Generative Art & Algorithmic Patterns▸2D Generative City — Procedural City Map Generator (2D)

🏙️ 2D Generative City — Procedural City Map Generator (2D)

A pure Canvas2D procedural city generator: recursive road-network subdivision, zoned parcels and building footprints, adjustable density and branching, regenerate with a new seed.

Generative Art & Algorithmic Patterns2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

A Canvas2D procedural city-map generator: recursive road-network subdivision carves blocks, zoned parcels fill with recursively-split building footprints, and downtown intensity shapes density. Adjust density, branching probability and height variance, then reseed for an entirely new layout.

procedural generationcity generatorrecursive subdivisioncanvas2dgenerative arturban layout

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