Hello all, I’m very new to Babylon and I apologize if I don’t have a working playground.
I am working on a hexagonal grid exactly like the game Settlers of Catan.
Imagine a map like the one in the screenshot below (screenshot of another tutorial), I can’t figure out how to create interaction/snapping points at the intersection of the hexagons and along the edges.
What I am trying to achieve is being able to snap another object at the vertex and along the edges of each hexagon (I marked only two in red, but it applies to the whole map)
I’ve looked around tutorials on the web without much luck.
An idea was to create a mesh in blender with all that information already built in:
I was thinking that I could create rectangular and circular shapes for each point of interaction I want,
then make them invisible, and later handle mouse over events in Babylon
But this can get complicated very quickly, especially in large grids with 30 or more hexagons…
I feel like there must be a better way, as in defining all the interaction points directly in Babylon.
The final result I would like to achieve is similar to what we can see in this Connect6 demo build in three.js
As you can see, you can interact with the grid by placing a stone at each intersection of lines, or seen in another way, at each corner of the squares in the grid.
I would love to do the same on a hexagonal grid with the addition of being able to interact with edges as well.
I set up a simple example here, where I just set up a point on the “bottom” of each hexagon, I start by placing the spheres on the position of each hexagon, then translate that by half of the hexagon height in the z axis: 
