p5.js | setRed() Function
The setRed() function in p5.js is used to set the red color value in RGB color mode. It sets the first value of RGB format.
Syntax:
setRed(red)
Parameters: The function accepts single parameter as mentioned above and described below:
- red: This parameter stores the new red value.
Below programs illustrate the setRed() function in p5.js:
Example- 1: This example uses setRed() 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, 50, 150); } function draw() { // Create Canvas of a given size createCanvas(500, 500); // Use of setRed function backgroundColor.setRed( 0 + 128 * cos(millis() / 1000)); /* Pass the initialized 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 setRed() 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 setRed function and initialise it to maximum*/ backgroundColor.setRed(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); } |
Output:
Reference:https://p5js.org/reference/#/p5.Color/setRed
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
