如何更改p5.js中已经存在的形状的颜色？

在p5.js中，要更改已存在形状的颜色，你可以使用fill()函数来实现。fill()函数用于设置形状的填充颜色。以下是更改已存在形状颜色的一般步骤：

1. 确保已经创建了要更改颜色的形状。例如，如果你要更改一个矩形的颜色，你需要先使用rect()函数创建矩形。
2. 在要更改颜色的形状之前，调用fill()函数并传入所需的颜色值。你可以使用RGB、HSL、或者预定义的颜色名称来指定颜色。例如，要将形状的填充颜色设置为红色，可以使用fill(255, 0, 0)或fill('red')。
3. 使用fill()函数设置的颜色将应用于之后所有的形状绘制操作，包括已存在的形状。
4. 在绘制已存在形状之前，调用相应形状的绘制函数，如rect()、ellipse()等，以重新绘制该形状，并使用新的填充颜色。

以下是一个更改已存在矩形颜色的示例：

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

function draw() {
  background(220);
  
  // 绘制一个矩形并设置填充颜色为蓝色
  fill(0, 0, 255);
  rect(50, 50, 100, 100);
  
  // 更改已存在矩形的填充颜色为绿色
  fill(0, 255, 0);
  rect(50, 50, 100, 100);
}

在上面的示例中，首先使用fill(0, 0, 255)设置矩形的填充颜色为蓝色，然后使用rect()函数绘制矩形。接着，调用fill(0, 255, 0)来更改已存在矩形的填充颜色为绿色，并再次使用rect()函数绘制相同的矩形，从而将颜色更改应用到该矩形上。

注意：上述示例中的颜色数值是使用RGB模式来表示的。你可以根据需要自行调整颜色数值来实现不同的颜色效果。

关于p5.js的更多信息和相关函数的详细说明，你可以访问腾讯云提供的《p5.js快速入门》。