P5JS Corazon

P5JS Corazon

https://openprocessing.org/sketch/1346244

//https://hcastillaq.medium.com/introducci%C3%B3n-a-p5js-e260b21b7382

var start = -2;

var step = 0.009;

function setup()

{

  createCanvas(windowWidth, windowHeight);

}

function draw()

{ 

  translate(width/2, height/2); // centra nuestro eje

  scale(70); //escala el canvas

 

  noFill(); //elimina el relleno

  stroke('black'); //color del borde en blanco

  strokeWeight(0.009); //grosor del borde

if(start < 2)

 {

  /* Parte superior de  corazón */

  var y = sqrt( 1 - pow( abs(start) - 1, 2) );

  ellipse(start, -y, 0.001);

  

  /* Parte parte inferior del corazón */

  var y2 = acos(1-abs(start))-PI;

  ellipse(start, -y2, 0.001); 

  start += step;

 }

}