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