Experimenting on drawing a hexagonal grid in a canvas element. This is to support my pet project of a procedurally generated storytelling hexagonal grid turn based fantasy RPG.

TODO

  1. Linking with hex object model
  2. Identify hexes using hexagonal coordinate system
  3. Moving around the grid
  4. Allow resizing the viewport
  5. Draw hex content

Selected hex

Cube coordinates: q: r: s: