如何在P5.JS网页编辑器中绘制2个相同类型的形状？

Question

我正在尝试用 P5.JS 制作游戏，具体部分是玩家和地面，对于玩家，我用 rect 函数制作了一个矩形，当我再次用 rect 函数制作地面时，它刚刚调整前一个矩形

这是我的第一个代码（没有绘制循环或设置）

rectMode(CENTER)
rect(20,20,20,20)


rectMode(CENTER)
rect(200,20,200,200

Answer 1

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

function draw() {
  background(220);
  rectMode(CENTER);
  rect(20, 20, 20, 20);
  rect(200, 20, 200, 200);
}

可以画两个矩形就好了。