p5.js | 填充()函数

简介

填充（fill）函数是p5.js中的一个函数，用于设置填充颜色。在p5.js中，形状的默认颜色是黑色，如果想要改变形状的颜色，就需要用到填充函数。填充函数的语法如下：

fill(color)

参数

• color：用于设置填充颜色的参数。可以接受多种颜色格式，如rgb，rgba，16进制颜色，color对象等。

示例

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

function draw() {
  background(220);
  fill(255, 0, 0); // 设置填充颜色为红色
  rect(50, 50, 100, 100); //画一个矩形
}

运行上述代码，可以得到一个红色的矩形。

透明度

填充函数还可以接受第二个参数alpha，用于设置颜色的透明度，范围在0-255之间，值越小越透明，值越大越不透明。

fill(255, 0, 0, 50); // 将颜色设置为红色半透明

不填充

如果想要不填充任何颜色，可以调用noFill()函数。

noFill(); // 不填充任何颜色

以上就是填充函数的简单介绍，通过对填充函数的学习，可以让我们更好地控制形状的颜色，从而创造出更丰富的作品。