创建对象网格

Question

有人可以指出我正确的方向。我想在p5js中创建一个对象网格，例如一个正方形网格。我想能够点击任何特定的方块，并且它有一个交互元素，例如它移动或改变颜色。现在，为了实现这一点并指定网格上的任何特定方块，我是否正确地认为我需要使用二维数组？还有什么，如果有任何其他方法，我可以用来实现类似的结果？我已经可以创建一个简单的方格网格但无法单独访问它们。 提前致谢， 克

Answer 1

是的，使用2D阵列是正确的方法。但是，如在p5.js中，您绘制的形状不是永久性的，而是在每一帧上重新绘制，您必须小心自己可以访问它们。通常这应该通过创建具有所有必要属性的纯JavaScript对象来完成，收集数组中的所有对象，然后使用此数组来绘制每个帧的所有形状。

Daniel Shiffman在这个问题上提供了一些很好的教程：https://www.youtube.com/watch?v=pGkSHeEZLMU&list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA&index=22。本教程和以下教程可以帮助您入门。