Count down flowers

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(palletForBackground[2]);

  fill(random(palletForNums));

  //noLoop()

}

const palletForNums = [

  "#92dce5", "#f7ec59","#FFE9CE",

  "#74d3ae", "#FFB5C2", "#BFFFBC"

];

const palletForBackground = [

  "#7f95d1", "#1768ac", "#06bee1",

  "#7f7eff", "#a390e4", "#cc8b8c",

  "#f08cae", "#9a4c95", "#4d2d52"

];

​

let i = 30;

let startNumber = 3;

​

function draw() {

  //let number = 3;

  background(palletForBackground[3]);

​

  textAlign(CENTER, CENTER);

  textSize(i);

  text(startNumber, width / 2, height / 2, );

  expandAndIncrement(startNumber);

}

​

function expandAndIncrement() {

  if (startNumber > 0) {

    if (i < 150) {

      i++

    } else {

      i = 30;

      startNumber--;

      fill(random(palletForNums));

    }

  } else {

    frameRate(2)

    background(random(palletForBackground));

    textSize(150);

    fill(palletForNums[1]);

    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) {

​

  fill(255, 255, 0);

  ellipse(x, y, size / 4, size / 4);

​

  noStroke();

  fill(petalColor);

​

  const numPetals = 5;

  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);

​

​

  }

}