Crowded

//UPPER LEFT SPIRAL VARIABLES

​

float angleOne = 0.0;      

float offsetOne = 680;

float scalarOne = 5;

float speedOne = 0.25;

​

//LOWER RIGHT SPIRAL VARIABLES

​

float angleTwo = 0.0;

float offsetTwo = 20;

float scalarTwo = 5;

float speedTwo = 0.25;

​

//HEART ANGLE 

​

float heart = 0.0;

​

​

void setup() {

  //SIZE AND COLOR OF WINDOW

  size(700, 700);

  background(0);

  smooth();

}

​

void draw() {

​

  //INTERACTION INSTRUCTIONS. "I" FOR INSTRUCTIONS

  String i = "Click your left mouse button to interact";

  textSize(30);

  text(i, 75, height/2);

  //SPIRAL MOTION FOR UPPER LEFT 

  float x = offsetOne + cos(angleOne) * scalarOne;

  float y = offsetOne + sin(angleOne) * scalarOne;

  ellipse( x, y, 2, 2);

  angleOne += speedOne;

  scalarOne += speedOne;

​

  //SPIRAL MOTION FOR LOWER RIGHT

  float a = offsetTwo + cos(angleTwo) * scalarTwo;

  float b = offsetTwo + sin(angleTwo) * scalarTwo;

  ellipse( a, b, 2, 2);

  angleTwo += speedTwo;

  scalarTwo += speedTwo;

​

  //YES, THERE'S SPIRALS SPINNING BUT WHAT IFFFF

  if (mousePressed == true) {

    //WHEN MOUSE CLICKS, COLOUR OF SHAPES AND PHRASE CHANGES

    stroke(#EBF791);

    fill(#CA6AFF);

    ellipse( a, b, 10, 10);

    ellipse( x, y, 10, 10);

    //BUT IF NOT THEN

  } else {

    //COLORS JUST STAY LIKE THIS

    stroke(#6AC4FF);

    fill(#FFF174);

    textSize(30);

    text(i, 75, height/2);

  }

  //I WANTED HEART TO ROTATE BUT IDK HOW TO

  //MAKE IT ROTATE ON ITS ENTER

  //SO I MADE IT SCALE. LOOKS LIKE A

  //BEATING HEART

  //THIS MAKES THE HEART FOLLOW THE MOUSE

  translate(mouseX, mouseY);

  //HOW BIG I WANT THE SCALE TO BE

  scale(sin(heart)+2);

  smooth();

  //DRAWING THE HEART. THANK YOU PERSON

  //FROM THE INTERNET

  beginShape();

  vertex(50, 15);

  bezierVertex(50, -5, 90, 5, 50, 40);

  vertex(50, 15);

  bezierVertex(50, -5, 10, 5, 50, 40);

  endShape();

  heart += 0.1;

}

​