let numParticles = 800;

let angleIncrement = 137.5; // Golden angle to mimic Fibonacci spiral

let baseRadius = 1; // Smaller base radius for tighter particles

let zoom = 0.8; // Zoom level for better visibility

let rotationSpeed = 0.05; // Slower rotation for flower effect

let colorPalette = [

  [0, 180, 255],

  [0, 120, 255],

  [0, 60, 255],

];

​

function setup() {

  createCanvas(800, 800);

  angleMode(DEGREES);

  createControls();

  generateParticles();

}

​

function draw() {

  background(0);

  translate(width / 2, height / 2);

  rotate(frameCount * rotationSpeed); // Rotating the entire system

  scale(zoom);

  noFill();

​

  // Draw each particle with tighter ellipse shapes and smoother flower-like oscillation

  for (let p of particles) {

    fill(p.color[0], p.color[1], p.color[2], 150);

    stroke(255, 50);

​

    // Flower-like oscillation

    let oscRadius = p.radius + sin(frameCount * 0.05 + p.index * 0.1) * 2; // Tighter oscillation for flower effect

    let xPos = oscRadius * cos(p.angle);

    let yPos = oscRadius * sin(p.angle);

​

    // Draw each particle as an ellipse, but with smaller, more petal-like sizes

    ellipse(xPos, yPos, p.sizeX, p.sizeY);

  }

}

​

class Particle {

  constructor(index) {

    this.index = index;

    this.angle = index * angleIncrement;

    this.radius = baseRadius + sqrt(this.index) * 5; // Smaller radius growth for tighter flower petals

​

    // Add Perlin noise for variation in position

    let noiseFactor = noise(this.index * 0.02) * 5; // Reduced noise factor for tighter structure

    let r = this.radius + noiseFactor;

​

    // Calculate positions

    this.x = r * cos(this.angle);

    this.y = r * sin(this.angle);

​

    // Smaller size and more elliptical shape to mimic petals

    this.sizeX = map(noise(this.index * 0.1), 0, 1, 2, 8); // Smaller ellipse

    this.sizeY = this.sizeX * map(noise(this.index * 0.15), 0, 1, 0.5, 1); // Maintain elliptical shape

    this.color = colorPalette[int(map(this.radius, 0, width, 0, colorPalette.length)) % colorPalette.length];

  }

}

​

function generateParticles() {

  particles = [];

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

    particles.push(new Particle(i));

  }

}

​

function createControls() {

  // Zoom Control

  let zoomSlider = createSlider(0.3, 1.5, zoom, 0.1);

  zoomSlider.position(10, height + 20);

  zoomSlider.style("width", "150px");

  zoomSlider.input(() => {

    zoom = zoomSlider.value();

    redraw();

  });

​

  // Base Radius Control

  let radiusSlider = createSlider(1, 10, baseRadius, 0.5);

  radiusSlider.position(200, height + 20);

  radiusSlider.style("width", "150px");

  radiusSlider.input(() => {

    baseRadius = radiusSlider.value();

    generateParticles();

    redraw();

  });

​

  // Rotation Speed Control

  let rotationSlider = createSlider(0, 0.5, rotationSpeed, 0.01);

  rotationSlider.position(400, height + 20);

  rotationSlider.style("width", "150px");

  rotationSlider.input(() => {

    rotationSpeed = rotationSlider.value();

  });

​

  // Color Palette Switch Button

  let colorButton = createButton("Switch Color Palette");

  colorButton.position(600, height + 20);

  colorButton.mousePressed(() => {

    colorPalette = [

      [random(0, 100), random(100, 255), random(200, 255)],

      [random(0, 100), random(100, 200), random(200, 255)],

      [random(0, 100), random(100, 255), random(200, 255)],

    ];

    generateParticles();

    redraw();

  });

}

​