p5.js alpha()用法及代碼示例

p5.js中的alpha()函數用於從顏色或像素陣列中提取alpha值。

用法:

alpha(c)

參數：該函數接受上述和以下描述的單個參數：

c：此參數存儲p5.Color對象，顏色成分或CSS顏色。

以下示例程序旨在說明p5.js中的alpha()函數：
示例1：

function setup() { 
    
    //create Canvas of size 300*80   
    createCanvas(300, 80); 
} 
  
function draw() { 
    background(220); 
    
    //initialize the parameter   
    let c = color(0, 126, 255, 102); 
    
    //extract the alpha value 
    let y = alpha(c); 
    textSize(16); 
    fill(color('red')); 
    text("Alpha Value is : " + y, 50, 30); 
}

輸出：

示例2：

function setup() { 
    
    //create Canvas of size 300*80   
    createCanvas(160, 180); 
} 
  
function draw() { 
    background(220); 
    
    //initialize the parameter   
    let c = color(0, 126, 255, 34); 
    
    // Sets 'value' to 34 
    let value = alpha(c); 
    fill(value); 
    rect(50, 15, 35, 70); 
    text("Value of alpha is : " + value, 22, 110); 
}

輸出：

參考： https://p5js.org/reference/#/p5/alpha

相關用法

注：本文由純淨天空篩選整理自sarthak_ishu11大神的英文原創作品 p5.js | alpha() function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。