Estoy tratando de hacer algo en P5js. Para esto, necesito elegir un color aleatorio de una matriz para el fondo que debe estar en setup . Luego, quiero elegir este color de fondo seleccionado al azar para llenar el rectángulo en la función de dibujo.
Hay otras formas con aleatoriedad en segundo plano que deben ejecutarse una vez. Y hay otro objeto debajo del rectángulo que tiene que estar en un bucle. Es por eso que uno está en setup y el otro está bajo la función de draw . Pero, voy a simplificar mi problema como:
function setup() { createCanvas(400, 400); colorsPaletteSecond = [color(0, 0, 0), color(160, 57, 164), color(93, 94, 198), color(135, 198, 112), ]; let screenColor = random(colorsPaletteSecond); background(screenColor); } function draw() { stroke(0) fill(screenColor); rect(200,200,100,100); } También necesito definir screenColor en la sección de draw , para obtener el mismo color que el fondo. ¿Alguna sugerencia?
Simplemente mueva let screenColor al ámbito compartido para que sea accesible desde ambas funciones:
let screenColor; function setup() { createCanvas(400, 400); const colorsPaletteSecond = [ color(0, 0, 0), color(160, 57, 164), color(93, 94, 198), color(135, 198, 112), ]; screenColor = random(colorsPaletteSecond); background(screenColor); } function draw() { stroke(0); fill(screenColor); rect(200, 200, 100, 100); } <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.js"></script>