p5.js | 蓝色()函数

在p5.js中，蓝色()函数用于设置图形元素的填充颜色为蓝色。该函数有两种使用方式：

• 不带参数：设置填充颜色为默认的蓝色。

fill(blue);

• 带一个参数：设置填充颜色的蓝色通道的值，取值范围为0-255。

fill(blueValue);

使用示例

在下面的例子中，我们将使用蓝色()函数来设置两个不同形状的颜色为蓝色。

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

function draw() {
  background(220);

  // 绘制矩形
  fill(blue);
  rect(50, 50, 100, 100);

  // 绘制椭圆
  fill(0, 0, 255);
  ellipse(300, 200, 150, 150);
}

上述代码将在画布上绘制一个蓝色矩形和一个深蓝色的椭圆。

注意事项

蓝色()函数不仅可以作用于填充颜色，也可以作用于描边颜色。另外需要注意的是，调用该函数后，直到调用新的颜色函数前，所有图形元素的填充或描边颜色都将保持为蓝色。

更多关于p5.js的颜色函数，可以参考官方文档：

• 颜色