p5.js |颜色()函数

color()函数用于创建颜色并将其存储到变量中。 color函数的参数是 RGB 或 HSB 值，具体取决于当前的 colorMode()函数。 color()函数的默认模式是从 0 到 255 的 RGB 值。因此，函数color(255, 204, 0)将返回亮黄色。

句法：

color(gray, alpha)
color(v1, v2, v3, alpha)
color(value)
color(values)
color(color)

参数：

• gray：用于设置白色和黑色之间的灰度值。
• alpha：用于设置绘图的透明度。
• v1：用于设置相对于当前颜色范围的红色或色调值。
• v2：用于设置相对于当前颜色范围的绿色或饱和度值。
• v3：用于设置相对于当前颜色范围的蓝色或亮度值。
• value：用于设置颜色字符串的值。
• values：它是一个包含红色、绿色、蓝色和 alpha 值的数组。
• color：用于设置描边颜色。

返回值：它返回结果颜色值。

示例 1：

function setup() { 
      
    // Create Canvas of given size 
    createCanvas(400, 300); 
  
} 
  
function draw() { 
      
    background(220);
      
    // Use color() function
    let c = color('green');
  
    // Use fill() function to fill color
    fill(c);
    
    // Draw a circle 
    circle(200, 150, 150); 
    
} 

输出：

示例 2：

function setup() { 
      
    // Create Canvas of given size 
    createCanvas(400, 300); 
} 
  
function draw() { 
      
    // Set the background color 
    background(220); 
      
    // Use color() function
    let c = color(0, 155, 0);
      
    // Use fill() function to fill color
    fill(c)
    
    // Draw a line 
    rect(50, 50, 250, 150); 
  
} 

输出：

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