COLECCIONISMO.PDE

DragMe[] drags = new DragMe[20];

 PGraphics backLayer;
 color backgr;
 color fillcolor=0;
 float colourincrement=1;

void setup() {
 size(500, 500);
  for (int i = 0; i < drags.length; i++) {
    drags[i]  = new DragMe();
  }
  backLayer = createGraphics(width, height, g.getClass().getName());

}

void draw()

{
frameRate(10);
background(backgr);


  {  
    backLayer.beginDraw();
    backLayer.noFill();
    
    if (mousePressed ==true && t()) {
      backLayer.line( pmouseX, pmouseY, mouseX, mouseY );
      backLayer.stroke(0);
      backLayer.endDraw();  }
    image( backLayer, 0, 0 );
     }
  

  for (int i = 0; i < drags.length; i++)
  {
    drags[i].update(); }
   
{
ellipse(width/2.5, height/2.5,110, 110);
}

 }
 boolean t() {
  return millis()  < 20000;
}


void mousePressed() {
  for (int i = 0; i < drags.length; i++) {
    if (!drags[i].isOver())
      drags[i].dontMove = true;
    drags[i].offset_x = mouseX - drags[i].pos_x;
    drags[i].offset_y = mouseY - drags[i].pos_y;
  }
}

void mouseReleased() {
  for (int i = 0; i < drags.length; i++) {
    drags[i].locked = false;
    drags[i].dontMove = false;
  }

}


class DragMe {
 float pos_x, pos_y;
 float SIZE = random(10,45);
  float prev_x, prev_y;
  boolean locked;
  boolean dontMove;
  color c = color (255);
  float offset_x, offset_y;

  DragMe() {
    pos_x = random(width-SIZE);
    pos_y = random(height-SIZE);
   
  }

  void update() {
  
  ellipse(pos_x, pos_y, SIZE, SIZE);     

  fill(c);
  ellipseMode(CORNER);
  noStroke();
  { if (isOver() && !locked && !dontMove || locked && !dontMove )
      c = color (255);

    if (isClicked()) {
      locked = true;
    }
    
    if(isIn()){ 
      locked = false;
       
    }

    if (locked && !dontMove) {

      pos_x =  mouseX - offset_x;
      pos_y =  mouseY - offset_y;
    }
  
      if (time() && fillcolor>=0) {  
          fillcolor+=colourincrement;

 backgr= fillcolor;
 c = color (255,255,255,0);}

   if (t2() ){ 
 backgr= 255;}


  
  }


}

  boolean isOver() {
    float right_x = pos_x + SIZE;
    float bottom_y = pos_y + SIZE;
    return mouseX >= pos_x && mouseX <= right_x &&
      mouseY >= pos_y && mouseY <= bottom_y;
  }

  boolean isClicked() {
    return isOver() && mousePressed && !dontMove;
  }
  boolean isIn() {
     float right_x = pos_x + SIZE;
    float bottom_y = pos_y + SIZE;
    return right_x >= width/2.5 + SIZE && right_x <= width/2.5 + 100 &&
    bottom_y >= height/2.5 + SIZE  && bottom_y <= height/2.5  + 100; 
  }
    boolean time() {
  return millis()  > 20000;
}
 boolean t2() {
  return millis()  > 20500;
}
  
}