如何点击Cell对象？

Question

我正在使用Javascript，p5.js和Daniel Shiffman的tutorial来创建A *搜索算法的直观表示。

示例网格的图像如下所示：  example grid

是否可以点击网格的任何单元格，以便打印出它的属性？根据Daniel Shiffman关于how to click on objects的其他教程，我知道我必须分别创建2个激活和执行的函数。我知道如何用圆圈做这个，因为圆圈有一个半径。

但是，我不明白如何用单元格做这个，因为我只有它的坐标。我无法看到如何使用坐标作为度量来计算长度。

我很感激对我思考的任何指导。非常感谢你。

Answer 1

我写了一篇关于碰撞检测的教程here。这是常规处理，但P5.js中的一切都是一样的。你正在寻找矩形点碰撞。

基本上，您需要检查该点是否位于矩形的顶部和底部边缘之间的矩形和的左右边缘之间。如果两者都为真，则该点在矩形内。

我建议breaking your problem down into smaller steps并一次一个地执行这些步骤。例如，在尝试使用多个单元格或用户输入之前，尝试使用单个硬编码矩形并指向它。