let spiralAngle = 137.5; // Golden angle for Fibonacci spiral

let petalLength = 70; // Initial length of each petal

let petalWidth = 30; // Initial width of each petal

let maxRadius = 150; // Maximum distance from the center for a smaller flower

​

// Variables for controlling speed and zoom with arrow keys

let rotationSpeed = 10; // Default speed of rotation

let zoom = 1; // Default zoom level

let colorPalette = 0; // Tracks the current color palette

​

function setup() {

  createCanvas(600, 600);

  background(0);

  angleMode(DEGREES);

}

​

function keyPressed() {

  if (keyCode === UP_ARROW) {

    zoom += 0.1; // Increase zoom

  } else if (keyCode === DOWN_ARROW) {

    zoom = max(0.1, zoom - 0.1); // Decrease zoom but prevent it from going below 0.1

  } else if (keyCode === LEFT_ARROW) {

    rotationSpeed = max(1, rotationSpeed - 1); // Decrease rotation speed, minimum 1

  } else if (keyCode === RIGHT_ARROW) {

    rotationSpeed += 1; // Increase rotation speed

  } else if (key === 'c') {

    colorPalette = (colorPalette + 1) % 6; // Switch color palette

  } else if (key === 's') {

    save("mySVG.svg");

    noLoop();

  }

}

​

function draw() {

  let time = frameCount / rotationSpeed; // Adjust speed of oscillation and rotation

​

  translate(width / 2, height / 2); // Center the flower on the canvas

  scale(zoom); // Apply zoom based on arrow key input

  background(0, 50); // Black background with slight fading for a trailing effect

​

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

    let angle = i * spiralAngle + time * 10; // Spiral rotation over time

    let radius = sqrt(i) * 8; // Smaller radius for a more compact flower

​

    // Calculate position based on polar to cartesian conversion

    let x = radius * cos(angle);

    let y = radius * sin(angle);

​

    // Oscillating petal size

    let oscillation = map(sin(time + i), -1, 1, 0.8, 1.2); // Petal size oscillates

    let dynamicPetalLength = petalLength * oscillation; // Adjust petal length based on oscillation

    let dynamicPetalWidth = petalWidth * oscillation; // Adjust petal width

​

    // Set color based on the current color palette

    let colorVal;

    switch (colorPalette) {

      case 0:

        colorVal = map(i, 0, numPetals, 255, 100); // Pink to yellow gradient

        fill(255, colorVal, 150, 200);

        break;

      case 1:

        colorVal = map(i, 0, numPetals, 0, 255); // Blue gradient

        fill(colorVal, 150, 255, 200);

        break;

      case 2:

        colorVal = map(i, 0, numPetals, 255, 150); // Yellow to Orange gradient

        fill(255, colorVal, 50, 200);

        break;

      case 3:

        colorVal = map(i, 0, numPetals, 255, 50); // Red to orange gradient

        fill(255, colorVal, 50, 200);

        break;

      case 4:

        colorVal = map(i, 0, numPetals, 255, 100); // White to Green gradient

        fill(255, colorVal, 100, 200); // Transition from white to green

        break;

      case 5:

        colorVal = map(i, 0, numPetals, 100, 255); // Purple to blue gradient

        fill(100, colorVal, 255, 200);

        break;

    }

    noStroke();

​

    // Draw each petal as an oscillating, spinning ellipse

    push();

    translate(x, y);

    rotate(angle + time); // Rotate petals to spin in a spiral

    ellipse(0, 0, dynamicPetalWidth, dynamicPetalLength); // Draw petal as an oscillating ellipse

    pop();

  }

}

​