p5.js | setBlue() Function
Last Updated :
23 Apr, 2019
The setBlue() function in p5.js is used to set the blue color value in RGB color mode. It sets the third value of RGB format.
Syntax:
setBlue(blue)
Parameters: The function accepts single parameter as mentioned above and described below:
- blue: This parameter stores the new blue value.
Below programs illustrate the setBlue() function in p5.js:
Example-1: This example uses setBlue() function to set red value of RGB color format.
let backgroundColor;
function setup() {
backgroundColor = color(13, 40, 0);
}
function draw() {
createCanvas(500, 500);
backgroundColor.setBlue(
0 + 128 * cos(millis() / 1000));
background(backgroundColor);
textSize(30);
fill( "white" );
text( "GeeksForGeeks" , 125, 125);
}
|
Output:
Example 2: This example uses setBlue() function to set red value of RGB color format.
let backgroundColor;
function setup() {
backgroundColor = color(0, 0, 0);
}
function draw() {
createCanvas(540, 500);
backgroundColor.setBlue(255);
background(backgroundColor);
textSize(30);
fill( "white" );
text( "GeeksForGeeks\n " , 135, 125);
text(
"A Computer Science Portal For Geeks"
, 10, 155);
}
|
Output:
Reference:https://p5js.org/reference/#/p5.Color/setBlue
Share your thoughts in the comments
Please Login to comment...