let r;

let theta;

​

function setup() {

  createCanvas(640, 420);

  // Initialize all values

  r = 0 ;

  theta = 0;

}

​

function draw() {

  // background(255, 10);

​

  // Translate the origin point to the center of the screen

  translate(width / 2, height / 2);

​

  // Convert polar to cartesian

  position = p5.Vector.fromAngle(theta);

  position.mult(r);

​

  // // Draw the ellipse at the cartesian coordinate

  // stroke(0);

  // strokeWeight(2);

  // noFill();

  // circle(0, 0, r * 2);

​

  fill(255);

  //line(0, 0, position.x, position.y);

  circle(position.x, position.y, 48);

​

  // Increase the angle over time

  theta += 0.1;

  r+=0.2;

}

​