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

p5.js中的setBlue()函数用于在RGB颜色模式下设置蓝色值。它设置RGB格式的第三个值。

用法:

setBlue(blue)

参数：该函数接受上述和以下描述的单个参数：

blue:此参数存储新的蓝色值。

以下程序说明了p5.js中的setBlue()函数：
示例1：这个例子使用setBlue()函数用于设置RGB颜色格式的红色值。

/* declare a variable to  
store the value of color*/
let backgroundColor; 
  
function setup() { 
    /* initialise the variable 
    with RGB color format*/
    backgroundColor = color(13, 40, 0); 
} 
  
function draw() { 
    // Create Canvas of a given size 
  
    createCanvas(500, 500); 
  
    // Use of setBlue function 
    backgroundColor.setBlue( 
      0 + 128 * cos(millis() / 1000)); 
  
    /* Pass the initialised  
    variable to background function*/
    background(backgroundColor); 
  
    // Set text size 
    textSize(30); 
  
    // Set text color 
    fill("white"); 
  
    // set text 
    text("GeeksForGeeks", 125, 125); 
  
}

输出：

示例2:本示例使用setBlue()函数设置RGB颜色格式的红色值。

/* declare a variable 
to store the value of color*/
let backgroundColor; 
  
function setup() { 
    /* initialise the variable 
    with RGB color format*/
    backgroundColor = color(0, 0, 0); 
} 
  
function draw() { 
    // Create Canvas of a given size 
  
    createCanvas(540, 500); 
  
    /* Use of setBlue function 
    and initialise it to maximum*/
    backgroundColor.setBlue(255); 
  
    /* Pass the initialised  
    variable to background function*/
    background(backgroundColor); 
  
    // Set text size 
    textSize(30); 
  
    // Set text color 
    fill("white"); 
  
    // set text 
    text("GeeksForGeeks\n ", 135, 125); 
    text( 
      "A Computer Science Portal For Geeks"
      , 10, 155); 
  
}

输出：

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

相关用法

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