let wave = [];

​

function setup() {

  createCanvas(1000, 400);

}

​

function draw() {

  background(0);

  translate(300, 200)

​

  let x = 0;

  let y = 0;

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

    let n = i * 2 + 1;

    let radius = 300 / (n * PI);

    let prevx = x;

    let prevy = y;

​

    x += radius * cos(n * theta);

    y += radius * sin(n * theta);

​

    stroke(255, 100);

    noFill();

    ellipse(prevx, prevy, radius * 2);

​

    stroke(255);

    //fill(155);

    ellipse(x, y, 8);

    noFill();

    line(prevx, prevy, x, y);

    //translate(200, 0);

    //line(x - 200, y, 0, wave[0]);

  }

  wave.unshift(y);

  translate(200, 0);

  line(x - 200, y, 0, wave[0]);

  beginShape();

  for (i = 0; i < wave.length; i++) {

    vertex(i, wave[i]);

  }

​

  endShape();

​

  if (wave.length > 500) {

    wave.pop();

  }

  theta -= 0.03;

}