Javascript 如何单击单元格对象？

我正在使用Javascript、p5.js和Daniel Shiffman创建a*搜索算法的可视化表示

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

是否可以单击网格的任何单元格以打印其属性？基于Daniel Shiffman的其他教程，我知道我必须创建两个分别激活和执行的函数。我知道如何处理圆，因为圆有半径

但是，我不知道如何处理一个单元格，因为我只有它的坐标。我不知道如何使用坐标作为度量来计算长度

---

我希望你能给我思想上的指导。提前非常感谢。

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

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

---

我建议您一次只采取一个步骤。例如，在尝试使用多个单元格或用户输入之前，请尝试使用单个硬编码矩形和点。

谢谢您的回答。它可以工作，但不是100%准确。我试图点击的方块非常小。你认为小与不准确有关吗？请检查我上传的作为参考的图像。@elbertkim不，正方形的大小应该无关紧要，只要你能把鼠标放进去就行。如果您有后续问题，请在新的问题帖子中发布更新的问题。祝你好运。请参阅

p5.collide2D

库（）中的

collidePointRect（）

方法。您应该传递鼠标坐标以及用于单元格的位置和尺寸