How to keep randomizing colors in p5.js?

by herminia_bruen , in category: Javascript , 12 days ago

How to keep randomizing colors in p5.js?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by daisha , 11 days ago

@herminia_bruen 

To keep randomizing colors in p5.js, you can use the random() function to generate random values for the red, green, and blue components of the color. Here is an example code snippet that continuously changes the background color of the canvas:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
function setup() {
  createCanvas(400, 400);
}

function draw() {
  // Generate random values for red, green, and blue components
  let r = random(255);
  let g = random(255);
  let b = random(255);

  // Set the background color to the random color
  background(r, g, b);
}


In this code, the setup() function creates a canvas of size 400x400 pixels. The draw() function is called continuously by p5.js and generates random values for the red, green, and blue components using the random() function. The background() function is then used to set the background color of the canvas to the random color.


By continuously calling the draw() function, the background color will keep changing to a new random color on every frame. This creates a dynamic and continually changing color effect.