float x = 0;
float y = 0;
float jitter;
float xHulk,yHulk;
float growth;
float easing= .02;
float easing2 = 0.05;
float easing3 = 0.5;
void setup(){
  size(400,400);
  frameRate(30);
  smooth();
}

void draw() {
  background(0);
  if (mousePressed == true) {

  float targetX=mouseX;
  float targetY= mouseY;
  jitter=random(-10.0,10.0);
  growth+=2;
  xHulk+= (targetX-xHulk)*easing;
  yHulk+= (targetY-yHulk)*easing;
  
//first one is called HULK ball
//when you click your mouse, hulk gets annoyed and  gets mad and throbs(shakes)
//also it gets bigger and follows you(mouse) until you let go of the mouse


  ellipse(xHulk+jitter,yHulk, 60+growth,60+growth);
  }else {
    ellipse(xHulk,yHulk, 60+growth,60+growth);
    if (growth >= 0) {
      growth-=2;
    }

}
//second one is called CRACK ball 
//mouse is the dealer and circle is following you for some crack(drug)
//no matter how hard you try to run away, it will stick to you
//you can give him crack by pressing the mouse 
//when it gets some crack, it gets very hyper and goes crazy

  if (mousePressed == true) {
  ellipse(mouseX + random(-100, 100),mouseY + random(-100, 100), 60, 60);
  }else{
  float targetX = mouseX;
  float targetY = mouseY;
  x += (targetX-x) * easing2;
  y += (targetY-y) * easing2;
  ellipse(x,y, 60, 60);
  }

//last one is called MAD GIRLFRIEND ball
//its mad at you(mouse) because you are neglecting her 
//so it is avoiding you
//but when you pay attention by clicking the mouse
//it follows you around and shows its love

    
  if (mousePressed == true) {
  float targetX = mouseX;
  float targetY = mouseY;
  x += (targetX-x) * easing3;
  y += (targetY-y) * easing3;
  ellipse(x,y, 60, 60);
  }else{
  ellipse (width-x, height-y, 60, 60);


  
  
  
}
}
Exercise 08: Give three circles unique personalities through their qualities of response. For example, one circle can be frightened of the mouse and another affectionate. One circle can become curious about the mouse when it is pressed, but pay no attention otherwise.