Open In App

p5.js | setGreen() Function

Improve
Improve
Like Article
Like
Save
Share
Report

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



Last Updated : 23 Apr, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads