let followSpeed = 0.06; // Speed at which flowers follow the mouse

let flowerGenerationInterval = 100; // Time in milliseconds between generating new flowers

let lastGenerationTime = 0; // To keep track of the last generation time

let textContent = "Floral Artistry"; // Text to display

​

function setup() {

  createCanvas(800, 700);

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

  loop(); // Start the draw loop to animate flowers

  textAlign(CENTER, CENTER);

}

​

function draw() {

  background('#F0F4F8'); // Elegant light grayish-blue background

  // 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

  }

​

  // Draw a background rectangle for the text

  fill('#FFFFFF'); // White background for text

  noStroke();

  // Calculate text size and rectangle dimensions

  let textSizeValue = 48; // Text size

  textSize(textSizeValue); // Set text size

  let textWidthValue = textWidth(textContent); // Calculate text width

  let rectWidth = textWidthValue + 40; // Add some padding

  let rectHeight = textSizeValue + 20; // Add some padding

  let rectX = width / 2;

  let rectY = height / 2;

  rectMode(CENTER);

  rect(rectX, rectY, rectWidth, rectHeight); // Draw rectangle

​

  // Draw text in the center of the canvas

  fill('#4A4A4A'); // Elegant dark gray color for text

  noStroke();

  textSize(textSizeValue);

  text(textContent, width / 2, height / 2); // Centered text

}

​

function mouseMoved() {

  let currentTime = millis();

  if (currentTime - lastGenerationTime > flowerGenerationInterval) {

    lastGenerationTime = currentTime;

    generateFlowers(mouseX, mouseY);

  }

}

​

function updateFlower(flower) {

  let dx = mouseX - flower.x;

  let dy = mouseY - flower.y;

  let distance = dist(flower.x, flower.y, mouseX, mouseY);

  if (distance > 1) {

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

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

  }

  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;

    case 5:

      drawMarigold(x, y, size, rotation);

      break;

  }

}

​

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

  let petalCount = 9;

  let petalLength = size;

  let petalWidth = size / 3;

  stroke(0);

  fill('#D9E4E6');

  push();

  translate(x, y);

  rotate(rotation);

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

    push();

    rotate(TWO_PI / petalCount * i);

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

    pop();

  }

  pop();

  fill('#F2F2F2');

  noStroke();

  ellipse(x, y, size / 2);

}

​

​

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

  let petalCount = 6;

  let petalWidth = size / 2;

  stroke(0);

  fill('#AEB7FE');

  push();

  translate(x, y);

  rotate(rotation);

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

    push();

    rotate(TWO_PI / petalCount * i);

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

    pop();

  }

  pop();

  fill('#EDEAE6');

  noStroke();

  ellipse(x, y, size / 3);

}

​

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

  let petalCount = 10;

  let petalWidth = size / 3;

  stroke(0);

  fill('#D87373');

  push();

  translate(x, y);

  rotate(rotation);

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

    push();

    rotate(TWO_PI / petalCount * i);

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

    pop();

  }

  pop();

  fill('#F5E6E8');

  noStroke();

  ellipse(x, y, size / 4);

}

​

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

  let petalCount = 20;

  let petalLength = size * 1.5;

  let petalWidth = size / 2;

  stroke(0);

  fill('#FACA49');

  push();

  translate(x, y);

  rotate(rotation);

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

    push();

    rotate(TWO_PI / petalCount * i);

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

    pop();

  }

  pop();

  fill('#6E4B1B');

  noStroke();

  ellipse(x, y, size);

}

​

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

  let petalCount = 6;

  let petalWidth = size / 2;

  stroke(0);

  fill('#998D30');

  push();

  translate(x, y);

  rotate(rotation);

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

    push();

    rotate(TWO_PI / petalCount * i);

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

    pop();

  }

  pop();

  fill('#FBE7E7');

  noStroke();

  ellipse(x, y, size / 4);

}

​

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

  let petalCount = 12; // Number of petals

  let petalLength = size; // Length of petals

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

  stroke(0);

  fill('#F4A263'); // Bright orange color

  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); // Rounded petals

    pop();

  }

  pop();

  fill('#FFC107'); // Lighter orange for the center

  noStroke();

  ellipse(x, y, size / 3); // Center of the flower

}

​

function generateFlowers(mx, my) {

  let size = random(30, 60);

  let flowerType = floor(random(6)); // Updated to 6 to include the new flower

  flowers.push({

    x: mx + random(-50, 50),

    y: my + random(-50, 50),

    size: size,

    rotation: random(TWO_PI),

    type: flowerType

  });

}

​