创建对象网格

Question

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

Answer 1

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

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