let degree = 360;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  angleMode(DEGREES);

  colorMode(HSB);

  spiroRadius = createSlider(20, 40, 20, noise(10));

  spiroRadius.position(width/2-200, 50);

pics

  spiroCount = createSlider(15, 90, 40, noise(15));

  spiroCount.position(width/2, 50);

  spiroSize = createSlider(20, 50, 30, noise(10));

  spiroSize.position(width/2 + 200, 50);

  frameRate(5)

}

​

function draw() {

  background(0);

​

  for (let x = 0; x <= width; x += 100) {

    for (let y = 100; y <= height; y += 100) {

      circles(x + 40, y + 40, spiroRadius.value(), spiroCount.value(), spiroSize.value());

    }

  }

}

​

function circles(x, y, r, a, size) {

  for (let i = 0; i < degree; i += a) {

    let cr = r;

    let cx = x + cr * cos(i);

    let cy = y + cr * sin(i);

    noFill();

    strokeWeight(random(i / 20));

    stroke(i, 100, 100, 0.8);

    circle(cx, cy, size);

  }

}

​