p5.js | setGreen()函数

介绍

setGreen()是p5.js中的一个函数，它用于设置颜色中绿色的值。它接受一个参数，即介于0和255之间的绿色值。此函数用于更改p5.js中当前绘制的图形的颜色。

语法

setGreen(value)

• value: 设置颜色中绿色的值，介于0和255之间的整数。

示例

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

function draw() {
  background(220);
  fill(255, 0, 0); // 设置颜色为红色
  rect(50, 50, 100, 100);

  setGreen(200); // 设置颜色中绿色的值为200
  fill(0, 255, 0); // 设置颜色为绿色
  rect(150, 50, 100, 100);

  setGreen(100); // 设置颜色中绿色的值为100
  fill(0, 0, 255); // 设置颜色为蓝色
  rect(250, 50, 100, 100);
}

运行以上代码，将会在画布上绘制三个矩形，分别为红色、绿色、蓝色。其中，绿色矩形中的绿色值为200，蓝色矩形中的绿色值为100。

注意事项

• setGreen()函数只会更改当前绘制的图形的颜色。
• setGreen()函数只能设置颜色中的绿色值，如果要同时设置红色或蓝色的值，应使用color()函数。
• 如果使用setGreen()函数前没有调用fill()或stroke()等设置颜色的函数，颜色默认为黑色，因此此函数会在黑色上设置绿色值。

参考链接

• p5.js | setGreen()