p5.js | alpha()函数

在p5.js中，alpha()函数用于为颜色设置透明度。alpha()函数接受一个参数，范围从0到255，其中0表示完全透明，255表示完全不透明。

语法

alpha(alphaValue)

• alphaValue：一个介于0到255的整数，表示透明度值。

示例

function setup() {
  createCanvas(400, 400);
  background(255, 204, 0);
}

function draw() {
  fill(0, 255, 0, 63); // 蓝色，透明度为0.25
  rect(100, 100, 200, 200);

  fill(255, 0, 0, 127); // 红色，透明度为0.5
  ellipse(200, 200, 250, 250);

  stroke(0, 0, 255); // 蓝色描边
  strokeWeight(10);
  line(0, 0, width, height);
}

在上面的示例中，我们使用了fill()和stroke()函数。对于fill()函数，我们可以通过传递四个参数来设置颜色值和透明度值。同样，stroke()函数也可以接受四个参数来设置描边的颜色和透明度值。 strokeWeight()函数用于设置描边的宽度。

总结

alpha()函数是p5.js中用于设置颜色透明度的函数，它可以与fill()、 stroke()等函数一起使用，可以让我们创建出更丰富多彩的图形。