p5.js | función color()

La función color() se usa para crear color y almacenarlo en variables. Los parámetros de la función de color son valores RGB o HSB según la función colorMode() actual. El modo predeterminado de la función color() es un valor RGB de 0 a 255. Por lo tanto, la función color (255, 204, 0) devolverá un color amarillo brillante.

Sintaxis:

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

Parámetros:

  • gris: Se utiliza para establecer el valor de gris entre blanco y negro.
  • alfa: Se utiliza para establecer la transparencia del dibujo.
  • v1: se utiliza para establecer el valor de rojo o matiz en relación con el rango de color actual.
  • v2: se utiliza para establecer el valor de verde o saturación en relación con el rango de color actual.
  • v3: se utiliza para establecer el valor de azul o brillo en relación con el rango de color actual.
  • valor: se utiliza para establecer el valor de la string de color.
  • valores: Es una array que contiene el valor rojo, verde, azul y alfa.
  • color: Se utiliza para establecer el color del trazo.

Valor devuelto: Devuelve el valor de color resultante.

Ejemplo 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); 
    
} 

Producción:

Ejemplo 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); 
  
} 

Producción:

Referencia: https://p5js.org/reference/#/p5/color

Publicación traducida automáticamente

Artículo escrito por jit_t y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *