是否可以进行六边形拖放？ [关闭]

Question

The grid.

是否有可能创建一个拖放系统，其中圆形可拖动元素将捕捉到上面显示的这个六边形网格，并记录起始坐标和到达坐标？我想通过记录单击坐标并在服务器上的特殊网格上获取相同坐标处的像素颜色来解决这个问题，然后从颜色代码中解码坐标，但如果是这样的话，它会更加用户友好可以通过拖放操作。

感谢您的宝贵时间。

莱万特

Answer 1

根据您如何表示六边形（svg、图像、css + 旋转 div、画布...），我会使用不同的方法。如果您使用 SVG 或旋转的 div，您可以简单地使用 onmouseover 事件处理程序来确定底层的六边形。如果使用画布，则使用旋转矩阵将笛卡尔指针坐标冷转换为立方体坐标。

我在以下页面发现了很多有用的坐标转换： http://www.redblobgames.com/grids/hexagons/#coordinates

如果您想使用这种方法，我不知道您要使用哪个坐标系，也不知道您如何存储与六边形字段相关的信息。因此，我还不能给你一个完整的解决方案，但我希望这些信息对你有所帮助。