Circle[] circ;
Square[] squ;

float recx[], recy[], scal[];

int num = 1;
int arrnum=2000;
int num2= 30;
int randcount=0;
boolean recorded = false;

void setup(){
  size(400,400);
  background(220);
  noStroke();
  ellipseMode(CENTER_DIAMETER);
  rectMode(CENTER_DIAMETER);
  smooth();
  recx = new float[arrnum];
  recy = new float[arrnum];
  scal = new float[arrnum];
  
  circ = new Circle[num];
  squ = new Square[num2];
  
  for(int i=0;i<num;i++){
    circ[i] = new Circle(width/2, height/2, 20,200);
    circ[i].paint();
  }
  for(int i=0;i<num2;i++){
    squ[i] = new Square(random(width), random(height), 20,random(255)+100, i);
    squ[i].paint();
  }
}

void loop(){
  background(220);
   if(randcount<num2)randcount++;
   //else randcount=0;
  for(int i=0;i<num2;i++){
      squ[i].paint();
      if(recorded && randcount>=squ[i].start) squ[i].playit();
  }
   if(circ[0].dragged) circ[0].drag();
   if(circ[0].dragged==false){
   if(circ[0].x!=circ[0].origx || circ[0].y!=circ[0].origy)circ[0].goback();
   }
  circ[0].paint();   
}


void mousePressed(){
  circ[0].checkdrag();
  recorded=false;
  for(int i=0;i<num2;i++){
      squ[i].x=squ[i].origx;
      squ[i].y=squ[i].origy;
      squ[i].playcount=0;
      squ[i].w=20;
    }
}

void mouseReleased(){
 circ[0].dragged=false;
 circ[0].stopdrag();
 circ[0].dragx=circ[0].dragy=0;
 randcount=0;
}




class Circle{
  float x, y, w, dragx, dragy, stopx, stopy,origx, origy,xD,yD, col, fract, fractD, time;
  int steps, reccount;
  boolean dragged = false;
//Constructor
  Circle(float _x, float _y, float _w,float _col){
  x = origx= _x;
  y = origy= _y;
  w = _w;
  col = _col;
  steps = 5;
  reccount=0;
  fractD = 1.0/(steps-1);
  }
  
  void paint(){
  fill(200,0,0);
  rect(x,y,w,w);
  //ellipse(x,y,w,w);
  }

  void checkdrag(){
      if(mouseX>x-w/2 && mouseX<x+w/2 && mouseY>y-w/2 && mouseY<y+w/2)dragged=true;
      startdrag();
  }
  void startdrag(){
      dragx = x-mouseX;
      dragy = y-mouseY;
      reccount=0;
  }
  void drag(){
      x = mouseX+dragx;
      y = mouseY+dragy;
      //w+= reccount; 
      float dist = sqrt((origx-x)*(origx-x)+(origy-y)*(origy-y));
      w = 20+dist/5;
      rec();
  }
  void stopdrag(){
      stopx = x;
      stopy = y;
      xD=origx-x;
      yD=origy-y;
      
      fract=0;
  }
  void goback(){
    fract+=fractD;
    time=squareDecel(fract);
    //time=linear(fract);
    x=stopx+xD*time;
    y=stopy+yD*time;
    if(fract>=1){
      x=origx;
      y=origy;
      xD=yD=stopx=stopy=0;
      recorded = true;
    }
     float dist = sqrt((origx-x)*(origx-x)+(origy-y)*(origy-y));
      w = 20+dist/5;
    rec();
  }
  void rec(){
    recx[reccount]= origx-x;
    recy[reccount]= origy-y;
    scal[reccount] = w-20;
    reccount++;
  } 
}

class Square{
  float x, y,origx, origy, w, col;
  int playcount, start;
  // CONSTRUCTOR
  Square(float _x, float _y, float _w,float _col, int nr){
    x = origx= _x;
    y = origy= _y;
    w = _w;
    col = _col;    
     start = nr;
  }
  
  void paint(){
  fill(col, col,col,col);
  ellipse(x,y,w,w);
  //rect(x,y,w,w);
  }
  void playit(){
     if(playcount<circ[0].reccount){
      x=origx-recx[playcount];
      y=origy-recy[playcount];
      w=20+scal[playcount];
      playcount++;
    }else playcount=0;
  }
}









// Same as squareAccel, but decelerates
float squareDecel(float theFract) {
  return (1-(theFract-1)*(theFract-1));
}