// Daniel Shiffman

// https://thecodingtrain.com/CodingChallenges/134-heart-curve.html

// https://youtu.be/oUBAi9xQ2X4

// I <3 you

​

const heart = [];

let a = 0;

let easing = 0.05;

let r;

let rmin, rmax, step;

let gfx;

function setup() {

  createCanvas(1000, 1000);

  rmin = height/80;

  rmax = height/40;

  r = height/80;

  step = true;

  gfx = createGraphics(width,height);

  background(0);

}

​

function draw() {

  // background(0);

  translate(width / 2, height / 2);

​

  // stroke(255);

  // strokeWeight(random(1,12));

  // beginShape();

  for (let v of heart) {

    noFill();

    strokeWeight(random(1,13))

    stroke(color(map(v.y,0,v.targetY,0,150), map(v.y,0,v.targetY,0,255), 100, map(v.y,0,v.targetY,0,255)));

​

    let dx = v.targetX - v.x;

    v.x += dx * easing;

​

    // let targetY = mouseY;

​

    let dy = v.targetY - v.y;

    v.y += dy * easing;

​

    ellipse(v.x,v.y,1,1);

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

    // vertex(v.x, v.y);

  }

  // endShape();

​

  // const r = height / 40;

  const x = r * 16 * pow(sin(a), 3);

  const y = -r * (13 * cos(a) - 5 * cos(2 * a) - 2 * cos(3 * a) - cos(4 * a));

  heart.push({

    targetX: x,

    targetY: y,

    x: 0,

    y: 0,

  });

  // So that it stops

  if (a > TWO_PI) {

    // noLoop();

    a = 0;

    if (step) {

    r++;

    if (r > rmax) {

      step = false;

      r = rmax;

    }

  } else {

    r--;

    if (r < rmin) {

      step = true;

      r = rmin;

    }

  }

  }

​

  a += random(0.001,0.1);

  let o = 15;

  let sx = width/2;

  let sy = height/2;

  noStroke();

  fill(50);

  rect(-sx,-sy,o,height);

  rect(-sx,-sy,width,o);

  rect(sx-o,-sy,o,height);

  rect(-sx,sy-o,width,o);

}

​