var message=[];

var display="";

var count=1;

var r=0;

var rvel=0.15;

var a=0;

var avel=1;

var a2=0;

var c=0;

var cvel=1;

var hrt=[];        // Array of hearts

var bighrt=[];    // Array of vectors for big heart

var show=true;

var showtext=false;

var re=255;

var revel=-1;

function preload() {

  f = loadFont("https://cdnjs.cloudflare.com/ajax/libs/topcoat/0.8.0/font/SourceCodePro-Bold.otf");

}

​

function setup() {

  createCanvas(500, 525, WEBGL);

  textFont(f);

  for(var i=0; i<360; i++)

  {

  t=radians(i);

  x=16 * pow(sin(t),3);

  y=-1*((13 * cos(t)- (5*cos(t*2)) - (2*cos(3*t)) - cos(4*t)));

    bighrt.push(createVector(x,y));

  //point(x,y);

  }

​

}

​

function draw() {

background(0,255,255);

  push();

  makeHeart();

rotateX(a2-=0.01)

  {

   for( h of hrt)

 {

 h.show();

  h.update();

 }

  }

for (var i=hrt.length-1; i>=0; i--)

{

if(hrt[i].pos.y>=height*2)

{

hrt.splice(i,1); 

//console.log("SPLOCE");

}

}

a+=avel;

r+=rvel;

c+=cvel;

re+=revel;

if(re<=100 || re>=255)

{

revel*=-1;  

}

if(c>=255 || c<=0)

{

cvel*=-1;  

}

​

if(r>=12 || r<=0)

{

showtext=!showtext;

if(r>=12)

  {

    count++;

    sz=40;

    a2=0;

    for(var i=0; i<360; i+=15)

    {

  //var ang=floor(random(0,360));

  //var ang=0;

    var ang=i;

  hrt.push(new Heart(bighrt[ang].x*r, bighrt[ang].y*r));

    }

    textAlign(CENTER);

    stroke(0);

  }

rvel*=-1;  

​

}

​

​

}

​

function touchStarted()

{

//console.log(mouseX, mouseY);  

  noLoop();

}

​

function makeHeart()

{

if(show)

  {

    fill(re,0,c);

  beginShape()

  for(var i=0; i<360; i++)

  {

  //point(bighrt[i].x *r, bighrt[i].y *r);

  vertex(bighrt[i].x *r, bighrt[i].y *r);

  }

  endShape();

  }

​

  if(showtext)

      {

  fill(255);

  stroke(255)

  textSize(sz);

  textAlign(CENTER);

  text(insults[count%insults.length], 0, 0);

  sz-=0.5;

  //rect(0,0, 30,30);

    }

  //pop();   

}

​