La función setBlue() en p5.js se usa para establecer el valor del color azul en el modo de color RGB . Establece el tercer valor del formato RGB.
Sintaxis:
setBlue(blue)
Parámetros: la función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- azul: este parámetro almacena el nuevo valor azul.
Los siguientes programas ilustran la función setBlue() en p5.js:
Ejemplo-1: Este ejemplo usa la función setBlue() 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, 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);
}
Producción:
Ejemplo 2: este ejemplo utiliza la función setBlue() 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 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);
}
Producción:
Referencia: https://p5js.org/reference/#/p5.Color/setBlue
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