The setGreen() function in p5.js is used to set the green color value in RGB color mode. It sets the second value of RGB format.
Syntax:
setGreen(green)
Parameters: The function accepts single parameter as mentioned above and described below:
- green: This parameter stores the new green value.
Below programs illustrate the setGreen() function in p5.js:
Example-1: This example uses setGreen() function to set red value of RGB color format.
/* 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);   } |
Output:
Example-2: This example uses setGreen() function to set red value of RGB color format.
/* 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);   } |
Output:
Reference:https://p5js.org/reference/#/p5.Color/setGreen