​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  background(220);

  pattern(width/2, height/2, 300, 200, k);

  textAlign(LEFT, TOP);

  noStroke();

  fill(0);

  text(k.toFixed(2), 10, 10)

  k += 0.01;

}

​

function pattern(cx, cy, r, n, k) {

  stroke(128);

  noFill();

  circle(cx, cy, r*2);

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

    const angle1 = map(i, 0, n, 0, TWO_PI);

    const x1 = cx + r * cos(angle1);

    const y1 = cy + r * sin(angle1);

    noStroke();

    fill(0);

    circle(x1, y1, 6);

    const angle2 = map(k*i, 0, n, 0, TWO_PI);

    const x2 = cx + r * cos(angle2);

    const y2 = cy + r * sin(angle2);

    stroke(0);

    line(x1, y1, x2, y2);

  }

}