p5.js | función setGreen()

La función setGreen() en p5.js se usa para establecer el valor del color verde en el modo de color RGB . Establece el segundo valor del formato RGB.

Sintaxis:

setGreen(green)

Parámetros: la función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:

  • verde: este parámetro almacena el nuevo valor verde.

Los siguientes programas ilustran la función setGreen() en p5.js:
Ejemplo-1: Este ejemplo usa la función setGreen() para establecer el valor rojo del formato de color RGB.

/* declare a variable
to store the value of color*/
let backgroundColor;
  
function setup() {
    /* initialise the variable
    with RGB color format*/
    backgroundColor =
      color(13, 0, 150);
}
  
function draw() {
    /* Create Canvas of a given size*/
  
    createCanvas(500, 500);
  
    // Use of setGreen function
    backgroundColor.setGreen(
      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);
  
}

Producción:

Ejemplo-2: Este ejemplo usa la función setGreen() para establecer el valor rojo del formato de color 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 setGreen function
    and initialise it to maximum.*/
    backgroundColor.setGreen(255);
  
    /* Pass the initialised variable
    to background function.*/
    background(backgroundColor);
  
    // Set text size
    textSize(30);
  
    // Set text color
    fill("green");
  
    // set text
    text("GeeksForGeeks\n ", 135, 125);
    text(
      "A Computer Science Portal For Geeks"
      , 10, 155);
  
}

Producción:

Referencia: https://p5js.org/reference/#/p5.Color/setGreen

Publicación traducida automáticamente

Artículo escrito por sarthak_ishu11 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 *