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 sliders and button

let rotationSpeedSlider;

let zoomSlider;

let colorChangeButton;

​

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

​

function setup() {

  createCanvas(600, 600);

  background(0);

  angleMode(DEGREES);

​

  // Create sliders

  rotationSpeedSlider = createSlider(1, 50, 10); // Speed of rotation slider

  rotationSpeedSlider.position(10, height + 10);

​

  zoomSlider = createSlider(0.5, 2, 1, 0.01); // Zoom slider

  zoomSlider.position(10, height + 40);

​

  // Create button to switch color palettes

  colorChangeButton = createButton('Switch Color Palette');

  colorChangeButton.position(10, height + 70);

  colorChangeButton.mousePressed(switchColorPalette); // Add event listener to switch colors

}

​

function switchColorPalette() {

  colorPalette = (colorPalette + 1) % 6; // Cycle through 6 different color palettes

}

​

function draw() {

  let rotationSpeed = rotationSpeedSlider.value(); // Get value from rotation speed slider

  let zoom = zoomSlider.value(); // Get value from zoom slider

  if (key == 's'){

      save("mySVG.svg");

      noLoop(); 

  }

​

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

  scale(zoom); // Apply zoom based on slider value

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

​

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

​

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

  }

}

​