Hex Grid, Square Grid Comparisons

Compare mesh and shader rendering, then explore how hexagonal and square grids fit together.

Mesh vs Shader Grid

Side-by-side of two ways to draw a hex grid in three.js: instanced meshes versus a single shader-drawn plane. Visual comparison only, no timings.

Visualizes alignment between hex and square grid coordinate systems.

Compare hexagonal and square grids using drift, squash and chunk alignment modes.