← All resources

Voronoi Maps (Red Blob Games)

Auto-discovered

Blog Intermediate

Red Blob Games

Visit resource ↗

Description

Amit Patel (Red Blob Games) teaches Voronoi map generation in JavaScript, extending his polygon-map article with step-by-step code and live canvas demos.

The walkthrough builds jittered seeds, runs Delaunator for Voronoi cells, assigns elevation and moisture with Simplex noise, colors biomes, then routes rivers via downslope flow.

Libraries load from CDNs; Patel notes language ports, so the pipeline fits shaders, compute, or offline tools without a specific engine. Intermediate readers should follow half-edge mesh logic and verify stages with the inline diagrams.

Source is org-mode extracted to voronoi-maps-tutorial.js; edge clipping is deferred, with links to the Delaunator guide and terrain-from-noise refinements.

Red Blob map tutorials are widely bookmarked in procedural-generation curricula for visual, implementation-focused explanations.