📜  p5.Color setAlpha() 方法(1)

📅  最后修改于: 2023-12-03 14:45:00.122000             🧑  作者: Mango

p5.Color setAlpha() 方法

p5.Color setAlpha() 方法是p5.js中用于设置颜色透明度的方法,可用于任何p5.Color对象。它将给定的透明度值设置为颜色的alpha通道值,并返回具有新透明度的新颜色。

语法
setAlpha(alpha: number) : p5.Color
  • alpha: 需要设置的透明度值,范围为0(完全透明)到255(完全不透明)。
  • 返回值: 返回具有新透明度的p5.Color对象。
示例
let c;

function setup() {
  createCanvas(400, 400);
  c = color(255, 0, 0);
}

function draw() {
  background(220);
  fill(c);
  rect(100, 100, 200, 200);
  
  // 点击鼠标改变透明度
  if(mouseIsPressed) {
    c.setAlpha(random(255)); // 设置随机的透明度
  }
}

在上面的例子中,我们初始化一个红色的p5.Color对象,并在画布上画一个红色矩形。当鼠标被按下时,我们使用setAlpha()方法来设置颜色的新透明度,这使得矩形的透明度不断变化。

注意事项
  • 如果调用setAlpha()方法的对象没有透明度(即alpha通道值为1.0),则该方法将不起作用。
  • 该方法不会更改原始颜色对象,而是返回具有新透明度的新颜色对象。如果需要更改原始对象,请使用set方法:c = c.setAlpha(alpha);