Hex Map

A procedural map generator that creates medieval island worlds using Wave Function Collapse. Generates roads, rivers, coastlines, cliffs, forests, and villages from ~4,100 hex cells across 19 grids. Uses 30 tile types with 6 rotations and 5 elevation levels, yielding 900 possible states per cell.

Built with Three.js r183, WebGPU, and TSL shaders. Uses BatchedMesh for efficient rendering (~10 draw calls at 60fps). Post-processing includes GTAO ambient occlusion, tilt-shift depth of field, vignette, and film grain. Read Article | View Source Code

  • DATE:MAR 2026
  • TYPE:DEMO
  • ROLE:DESIGN AND DEVELOPMENT
← BACK