javascript - 创建对象网格

Question

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

Answer 1

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

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