createCanvas(windowWidth, windowHeight);
background(palletForBackground[2]);
fill(random(palletForNums));
"#92dce5", "#f7ec59","#FFE9CE",
"#74d3ae", "#FFB5C2", "#BFFFBC"
const palletForBackground = [
"#7f95d1", "#1768ac", "#06bee1",
"#7f7eff", "#a390e4", "#cc8b8c",
"#f08cae", "#9a4c95", "#4d2d52"
background(palletForBackground[3]);
textAlign(CENTER, CENTER);
text(startNumber, width / 2, height / 2, );
expandAndIncrement(startNumber);
function expandAndIncrement() {
fill(random(palletForNums));
background(random(palletForBackground));
text("GO!", width / 2, height / 2, );
drawFlower(width / 5, height / 5, 100, color(255, 255, 255, 150));
drawFlower(width / 5, height * 4 / 5, 100, color(255, 255, 255, 150));
drawFlower(width * 4 / 5, height / 5, 100, color(255, 255, 255, 150));
drawFlower(width * 4 / 5, height * 4 / 5, 100, color(255, 255, 255, 150));
function drawFlower(x, y, size, petalColor) {
ellipse(x, y, size / 4, size / 4);
const angleIncrement = TWO_PI / numPetals;
for (let i = 0; i < numPetals; i++) {
const angle = i * angleIncrement;
const petalSize = size * 1.2;
const petalX = x + cos(angle) * petalSize * 0.5;
const petalY = y + sin(angle) * petalSize * 0.5;
ellipse(petalX, petalY, petalSize, petalSize);