let n = 5;

let sliderD;

let sliderN;

​

function setup() {

  createCanvas(500, 500, WEBGL);

  // angleMode(DEGREES);

  sliderD = createSlider(1, 10, 8, 0.1);

  sliderN =  createSlider(1, 10, 5, 0.1);

}

​

function draw() {

  d = sliderD.value();

  n = sliderN.value();

  let k = n/d;

  background(51);

  // translate(width / 2, height / 2);

​

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

  beginShape();

  stroke(2*i*40, 2*i*85, i*85);

  strokeWeight(2);

  noFill();

​

  for (let a = 0; a < TWO_PI * d; a += 0.02) {

    let r = 200 * cos(k * a);

    let x = r * cos(a);

    let y = r * sin(a);

​

    rotateY(i*90);

    rotateX(millis() * 0.0000001);

    vertex(x, y);

  }

  endShape(CLOSE);

  }

}

​