HomeGenerative Art & Algorithmic PatternsGenerative City

🌃 Generative City

Generate procedural top-down cities in your browser. Recursive block subdivision builds roads, zoned buildings, parks and water with seeded randomness. Regenerate endless skylines.

Generative Art & Algorithmic Patterns3DModerate60 FPS
generative-city ↗ Open standalone
⚙ Under the hood

Generate an infinite top-down procedural city. Recursive block subdivision lays out roads, zoned parcels fill with extruded buildings, and downtown intensity drives density. Reseed, restyle and export as PNG.

Canvas 2DGenerative ArtProcedural GenerationCitySubdivision

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)