let step;

let col, inCol;

let id;

​

let maxR = 200;//heart15;

let r;

let rDir = true;

​

let paused = false;

​

let rctr = 0;

​

function setup() {

  createCanvas(600, 600);

  step = PI / 64;

  r = maxR;

  col = ["#F068CC", "#F2FA7A"];

  inCol = ["#D500FF", "##FF69DD"];

  id = 0;

  angleMode(RADIANS);

​

  drawingContext.shadowOffsetX = -2;

  drawingContext.shadowOffsetY = -2;

  drawingContext.shadowBlur = 4;

  drawingContext.shadowColor = color("#333333");

​

  frameRate(60);

  background(220);

  noStroke();

}

​

function draw() {

  if (!paused) {

    // background(220);

​

    translate(width / 2, height / 2);

​

    // fill(255);

    // circle(0, 0, 400);

​

    fill("#00FF00");

    // if (r < maxR * 0.75) fill(inCol[id]);

    // else fill(col[id]);

​

    // circle

      let x = r * cos(theta);

      let y = r * sin(theta);

​

    // heart

    // let x = r * 16 * pow(sin(theta), 3);

    // let y =

    //   -r *

    //   (13 * cos(theta) -

    //     5 * cos(2 * theta) -

    //     2 * cos(3 * theta) -

    //     cos(4 * theta));

​

    circle(x, y, 100);

    theta += step;

​

    // if (rDir) {

    //   r -= 0.5;

    //   if (r < 0) {

    //     r = 0;

    //     rDir = !rDir;

    //   }

    // } else {

    //   r += 0.5;

    //   if (r > maxR) {

    //     r = maxR;

    //     rDir = !rDir;

    //   }

    // }

​

    id++;

    if (id > col.length - 1) id = 0;

​

    rctr += step;

    if (rctr > TWO_PI) {

      rctr = 0;

​

      if (rDir) {

        r -= 1.5;

        if (r < 0) {

          r = 0;

          rDir = !rDir;

        }

      } else {

        r += 1.5;

        if (r > maxR) {

          r = maxR;

          rDir = !rDir;

        }

      }

    }

  }

}

​

function keyPressed() {

  if (key === " ") paused = !paused;

}

​