let followSpeed = 0.05; // Speed at which flowers follow their target

let radiusIncrement = 5; // Increment for radius in spiral pattern

let angleIncrement; // Angle increment based on the golden ratio

let baseAngle = 0; // Base angle for the spiral

let generationInterval = 50; // Time in milliseconds between flower generations

​

function setup() {

  createCanvas(800, 700);

  angleIncrement = PI * (3 - sqrt(5)); // Golden angle increment

  noLoop(); // Stops draw() from looping initially

  loop(); // Start the draw loop

  setInterval(generateFlowersAtCursor, generationInterval); // Continuously generate flowers

}

​

function draw() {

  background('#E0F7FA'); // Light cyan background for a soothing effect

  // Update and draw all flowers

  for (let flower of flowers) {

    updateFlower(flower);

    drawFlower(flower.x, flower.y, flower.size, flower.rotation, flower.type);

    flower.rotation += 0.01; // Update rotation angle for animation

  }

}

​

function generateFlowersAtCursor() {

  // Generate a new flower at the mouse cursor position

  generateFlowers(mouseX, mouseY);

}

​

function updateFlower(flower) {

  // Move the flower towards its target position in the spiral pattern

  let flowerIndex = flowers.indexOf(flower);

  let radius = radiusIncrement * flowerIndex; // Calculate radius based on the index

  let angle = baseAngle + angleIncrement * flowerIndex; // Calculate angle based on the index

  let targetX = mouseX + radius * cos(angle);

  let targetY = mouseY + radius * sin(angle);

  // Move the flower towards its target position

  let dx = targetX - flower.x;

  let dy = targetY - flower.y;

  let distance = dist(flower.x, flower.y, targetX, targetY);

  if (distance > 1) {

    flower.x += (dx / distance) * followSpeed;

    flower.y += (dy / distance) * followSpeed;

  }

  // Add some random movement to each flower for an abstract effect

  flower.x += random(-0.5, 0.5);

  flower.y += random(-0.5, 0.5);

}

​

function drawFlower(x, y, size, rotation, type) {

  switch (type) {

    case 0:

      drawDaisy(x, y, size, rotation);

      break;

    case 1:

      drawTulip(x, y, size, rotation);

      break;

    case 2:

      drawRose(x, y, size, rotation);

      break;

    case 3:

      drawSunflower(x, y, size, rotation);

      break;

    case 4:

      drawLily(x, y, size, rotation);

      break;

  }

}

​

function drawDaisy(x, y, size, rotation) {

  let petalCount = 9; // Number of petals

  let petalLength = size; // Length of petals

  let petalWidth = size / 3; // Width of petals

  // Draw petals

  stroke(0);

  fill('#AEEEEE'); // Pale turquoise color for petals

  push();

  translate(x, y);

  rotate(rotation); // Apply rotation

  for (let i = 0; i < petalCount; i++) {

    push();

    rotate(TWO_PI / petalCount * i);

    ellipse(0, -size / 2, petalWidth, petalLength);

    pop();

  }

  pop();

  // Draw center

  fill('#FFFFE0'); // Light yellow color for the center

  noStroke();

  ellipse(x, y, size / 2);

}

​

function drawTulip(x, y, size, rotation) {

  let petalCount = 6; // Number of petals

  let petalWidth = size / 2; // Width of petals

  // Draw petals

  stroke(0);

  fill('#FFB6C1'); // Light pink color for petals

  push();

  translate(x, y);

  rotate(rotation); // Apply rotation

  for (let i = 0; i < petalCount; i++) {

    push();

    rotate(TWO_PI / petalCount * i);

    ellipse(0, -size / 2, petalWidth, size); // Tulip petals are more rounded

    pop();

  }

  pop();

  // Draw center

  fill('#FFF5EE'); // Light peach color center

  noStroke();

  ellipse(x, y, size / 3);

}

​

function drawRose(x, y, size, rotation) {

  let petalCount = 10; // Number of petals

  let petalWidth = size / 3; // Width of petals

  // Draw petals

  stroke(0);

  fill('#F5B7B1'); // Light coral color for petals

  push();

  translate(x, y);

  rotate(rotation); // Apply rotation

  for (let i = 0; i < petalCount; i++) {

    push();

    rotate(TWO_PI / petalCount * i);

    ellipse(0, -size / 2, petalWidth, size / 1.5); // Rose petals are more elongated

    pop();

  }

  pop();

  // Draw center

  fill('#FADBD8'); // Very light pink center

  noStroke();

  ellipse(x, y, size / 4);

}

​

function drawSunflower(x, y, size, rotation) {

  let petalCount = 20; // Number of petals

  let petalLength = size * 1.5; // Length of petals

  let petalWidth = size / 2; // Width of petals

  // Draw petals

  stroke(0);

  fill('#FFD700'); // Golden yellow color for petals

  push();

  translate(x, y);

  rotate(rotation); // Apply rotation

  for (let i = 0; i < petalCount; i++) {

    push();

    rotate(TWO_PI / petalCount * i);

    ellipse(0, -size / 2, petalWidth, petalLength);

    pop();

  }

  pop();

  // Draw center

  fill('#8B4513'); // Brown color for the center

  noStroke();

  ellipse(x, y, size);

}

​

function drawLily(x, y, size, rotation) {

  let petalCount = 6; // Number of petals

  let petalWidth = size / 2; // Width of petals

  // Draw petals

  stroke(0);

  fill('#FF6347'); // Tomato color for petals

  push();

  translate(x, y);

  rotate(rotation); // Apply rotation

  for (let i = 0; i < petalCount; i++) {

    push();

    rotate(TWO_PI / petalCount * i);

    ellipse(0, -size / 2, petalWidth, size); // Lily petals are long and slender

    pop();

  }

  pop();

  // Draw center

  fill('#FFDAB9'); // Peach color center

  noStroke();

  ellipse(x, y, size / 4);

}

​

function generateFlowers(mx, my) {

  // Generate a new flower in a spiral pattern around the mouse cursor

  let size = random(30, 60);

  let flowerType = floor(random(5)); // Choose a random flower type from 5

  let flowerIndex = flowers.length;

  let radius = radiusIncrement * flowerIndex; // Calculate radius based on the number of flowers

  let angle = baseAngle + angleIncrement * flowerIndex; // Calculate angle based on the number of flowers

  let x = mx + radius * cos(angle);

  let y = my + radius * sin(angle);

  flowers.push({

    x: x,

    y: y,

    size: size,

    rotation: random(TWO_PI), // Random initial rotation

    type: flowerType

  });

}

​