Javascript p5.js中对象的二维网格

我想做的事

我正在尝试创建一个战舰游戏，目前我正在绘制棋盘，以便每个点都是一个对象。因此，当用户点击它们时，他们可以选择放置战舰的位置。我试图通过将每个点作为对象存储在一个称为圆的数组中来实现这一点

问题

我的问题是，在尝试创建对象时，我似乎只能将整个网格作为一个对象。这是我到目前为止所拥有的代码（很抱歉质量太高，我是一个傻瓜！）

我会得到类似以下的东西：

1) O O O O   | 2) O
   O         |      O
   O         |        O
   O         |          O

---

非常感谢您的帮助，谢谢

我会为圆创建一个构造函数，如下所示：

var循环=[]；
函数设置（）{
createCanvas（500500）；
//每个“a”都有一个“b”
对于（var a=10；a

---

当然，您必须稍微处理一下这些值，但这是基本思想

我将为圆创建一个构造函数，如下所示：

var循环=[]；
函数设置（）{
createCanvas（500500）；
//每个“a”都有一个“b”
对于（var a=10；a

---

当然，您必须稍微考虑一下这些值，但这是基本的想法

谢谢您的回答！我有一个问题，尽管它确实创建了一个100个圆的数组，并且a和b产生了正确的坐标，但它在绘图时并没有指定a和b作为圆的x和y。为什么这么说？它将a和b作为参数

圆。push（新圆（a，b））

，它将这些值存储在这个.x和这个.y

函数圆（x，y）{this.x=x；this.y=y；

，然后使用这个.x和这个.y绘制圆

椭圆（这个.x，这个.y，10，10）

我花了很多时间和精力来回答你的问题，事实上我写的所有代码都是为你编写的，所以请至少告诉我它出了什么问题来表达一点感激之情。我真的很抱歉，我真的很感激。我真的不确定出了什么问题，因为这不是一个错误。我现在已经修复了它，它是现在我忘了放这个。x=x；。我真的很抱歉浪费你的时间！谢谢你的回答！我有一个问题，尽管它确实创建了一个100个圆的数组，并且a和b产生了正确的坐标，但它在绘图时并没有指定a和b作为圆的x和y。为什么这么说？它将a和b作为参数

circles.push（新圆（a，b））；

，它将这些值存储在这个.x和这个.y

函数圆（x，y）{this.x=x；this.y=y；

，然后使用这个.x和这个.y绘制圆

椭圆（这个.x，这个.y，10，10）

我花了很多时间和精力来回答你的问题，事实上我写的所有代码都是为你编写的，所以请至少告诉我它出了什么问题来表达一点感激之情。我真的很抱歉，我真的很感激。我真的不确定出了什么问题，因为这不是一个错误。我现在已经修复了它，它是至少我忘了放这个。我真的很抱歉浪费了你的时间！

O O O O 
O O O O
O O O O
O O O O

1) O O O O   | 2) O
   O         |      O
   O         |        O
   O         |          O