Hex Grid, Square Grid Comparisons

Mesh vs Shader Grid

Not running Open in new tab
Details

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.

Visual Before you run it: needs WebGL.

For games or crowded controls, open the demo in a new tab for the most room.

  • Hex Grid
  • Tilemap
  • 3D
  • Shaders
  • Three.js

Playing a game or need more room? Open demo in a new tab