如何在p5.js中的点数组之间绘制正方形？

在p5.js中，可以使用rect()函数来绘制正方形。要在点数组之间绘制正方形，可以按照以下步骤进行操作：

创建一个点数组，其中包含了正方形的四个顶点的坐标。
使用beginShape()函数开始绘制形状。
使用vertex()函数将点数组中的每个点添加到形状中。
使用endShape(CLOSE)函数结束形状的绘制，并指定CLOSE参数以闭合形状。
使用rect()函数绘制正方形的边框。

下面是一个示例代码：

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  // 创建点数组
  let points = [
    createVector(100, 100),
    createVector(200, 100),
    createVector(200, 200),
    createVector(100, 200)
  ];
  
  // 绘制正方形
  beginShape();
  for (let i = 0; i < points.length; i++) {
    vertex(points[i].x, points[i].y);
  }
  endShape(CLOSE);
  
  // 绘制正方形的边框
  rect(points[0].x, points[0].y, points[2].x - points[0].x, points[2].y - points[0].y);
}

在这个示例中，我们创建了一个点数组points，其中包含了正方形的四个顶点的坐标。然后使用beginShape()函数开始绘制形状，并使用vertex()函数将点数组中的每个点添加到形状中。最后使用endShape(CLOSE)函数结束形状的绘制，并指定CLOSE参数以闭合形状。同时使用rect()函数绘制正方形的边框。

请注意，这只是一个简单的示例，你可以根据实际需求进行修改和扩展。关于p5.js的更多信息和详细的API文档，你可以参考腾讯云的p5.js产品介绍链接地址：p5.js产品介绍。