// let R = 35, r = 70, d = 5, angle = 0, center;

// let R = 200, r = 50, angle = 0;

​

let prevX, prevY;

​

let spiro;

function setup() {

  createCanvas(600, 600, SVG);

  // frameRate(10);

  spiro = new Spirograph(R, r, d);

}

​

// function draw() {

//   background(220);

//   noFill();

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

//   circle(0, 0, R);

//   center = createVector((R/2-r/2)*cos(angle), (R/2-r/2)*sin(angle));

//   circle(center.x, center.y, r);

//   // translate(center.x, center.y);

//   // rotate(-1*angle);

//   circle(center.x + r/2*cos(-1*angle), center.y + r/2*sin(-1*angle), 5);

//   angle += 0.1;

// }

​

// function draw() {

//   // background(220);

//   noFill();

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

//   let x = (r+r)*tan(sin(angle))-d*0.41*tan((R-r)/r*angle*2);

//   let y = (R-r)*tan(sin(angle*1.8))+d*0.57*tan((R+r)/r*angle);

//   // prevX = x;

//   // prevY = y;

//   strokeWeight(1);

//   let n = noise(angle);

//   // stroke(n%255+1,255-n%255,0);

//   point(x, y);

//   // circle(x, y, 2);

//   // print(x, y);

//   angle += 0.02;

// }

​

function draw() {

  // background(220);

  // noFill();

  translate(width/2, height/2);

  spiro.draw();

  if (key == 's'){

      save("mySVG.svg");

      noLoop(); 

  }

}