p5.js Color setAlpha()用法及代码示例

p5.js中的setAlpha()方法用于设置p5.Color对象的alpha分量。 alpha值的范围取决于当前的颜色模式。在默认的RGB颜色模式下，该值可以在0到255之间。

用法:

setAlpha( alpha )

参数：此方法接受如上所述和以下描述的单个参数：

alpha:它是一个数字，表示新的alpha值。

以下示例说明了p5.js中的setAlpha()方法：

范例1：

Javascript

function setup() { 
  createCanvas(600, 300); 
  
  alphaSlider = createSlider(0, 255, 128); 
  alphaSlider.position(30, 50); 
} 
  
function draw() { 
  clear(); 
  textSize(18); 
  
  // Get the alpha value from the slider 
  let alphaValue = alphaSlider.value(); 
  
  let newColor = color(128, 255, 128); 
  
  // Set the alpha value of the color 
  newColor.setAlpha(alphaValue); 
    
  background(newColor); 
  fill('black'); 
  text("Move the slider to change the " + 
       "alpha component of the background color", 
       20, 20); 
    
}

输出：

范例2：

Javascript

function setup() { 
  createCanvas(600, 300); 
  
  alphaSlider = createSlider(0, 255, 128); 
  alphaSlider.position(30, 50); 
} 
  
function draw() { 
  clear(); 
  textSize(18); 
  
  noFill(); 
  stroke(0); 
  strokeWeight(50); 
  ellipse(width / 2, height / 2, 150); 
  strokeWeight(1); 
  
  // Get the alpha value from the slider 
  let alphaValue = alphaSlider.value(); 
  
  let newColor = color(255, 128, 128); 
  
  // Set the alpha value of the color 
  newColor.setAlpha(alphaValue); 
    
  noStroke(); 
  background(newColor); 
  fill('black'); 
  text( 
    "Move the slider to change the " + 
    "alpha component of the background color", 
    20, 20); 
    
}

输出：

在线编辑： https://editor.p5js.org/

环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

参考：https://p5js.org/reference/#/p5.Color/setAlpha

相关用法

注：本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 p5.Color setAlpha() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。