Handle[] handles;
Vertex[] vertices;
Scrollbar scroll1, scroll2;
int num = 10; 
int click = 0;
float blur = 0.0;
boolean start = false;
boolean overNum = false;
boolean makeScroll = true;



void setup(){ 
  size(650, 325); 
  background(30);
  noStroke();
  fill(10);
  rect(width/2,-1,width+1,height+1); 
  handles = new Handle[num];
  vertices = new Vertex[num];
  writeTypes();
}

void writeTypes(){
  BFont fontA = loadFont("GillSans.vlw.gz"); 
  textFont(fontA, 20);
  fill(100);
  text("10 clicks", 40, height-45); 
} 


void loop(){ 
  if (start && click<num){
    stroke(30);
    background(30);
    fill(25);
    rect(10,10,width/2-20,285);
    stroke(10);
    fill(10);
    rect(width/2,-1,width+1,height+1); 
    for(int i=0; i<click; i++) { 
      handles[i].display(); 
     }
   }
    if(overNum){
    noStroke();
    fill(40);
    rect(-1,-1,width/2+1,height+1);
    fill(25);
    rect(10,10,width/2-20,285);
    blur = scroll2.swidth-(scroll2.getPos() - scroll2.xpos);
    fill(10,blur);
    rect(width/2-1,-1,width+1,height+1); 
    for(int i=0; i<num; i++) { 
    handles[i].update(); 
    handles[i].display();
    vertices[i].update();
   }
  for(int i=0; i<1; i++){
   vertices[i].design_shape();
   }
   scroll1.update();
   scroll1.display();
   scroll2.update();
   scroll2.display();
  }
} 
 
 
void mouseReleased(){
   if(click<num){
   start = true;
   if(mouseX > width/2){
   mouseX = width/2 -2;
    }
   int myX = mouseX;
   int myY = mouseY;
   int zeta = 100-int(random(200));
   handles[click] = new Handle(click, mouseX, mouseY,zeta, 5, handles);
   click++;
    }
   if(click==num){
   makeScrollbar();
   overNum = true;
   }
   if(overNum){
   for(int i=0; i<handles.length; i++) { 
   handles[i].release(); 
   }
  }
 }
 

void makeScrollbar(){
  if(makeScroll){
  scroll1 = new Scrollbar(10, 305, width/4-15, 1);
  scroll2 = new Scrollbar(width/4+5,305, width/4-15, 1);
  makeScroll = false;
  }
 }
 


//------ SCROLLBAR CLASS

class Scrollbar 
{ 
  int num;
  int swidth, sheight; 
  int xpos, ypos; 
  float spos, newspos;  
  int sposMin, sposMax;  
  int dump;
  boolean over; 
  boolean locked; 
  float ratio; 
 
  Scrollbar (int xp, int yp, int sw, int sh) { 
    swidth = sw; 
    sheight = sh; 
    int widthtoheight = sw - sh; 
    ratio = (float)sw / (float)widthtoheight; 
    xpos = xp+1; 
    ypos = yp-sheight/2; 
    spos = xpos + swidth/2 - sheight/2; 
    newspos = spos; 
    sposMin = xpos; 
    sposMax = xpos + swidth - 8; 
    dump = 1; 
  } 
 
  void update() { 
    if(over()) { 
      over = true; 
    } else { 
      over = false; 
    } 
    if(mousePressed && over) { 
      locked = true; 
    } 
    if(!mousePressed) { 
      locked = false; 
    } 
    if(locked) { 
      newspos = constrain(mouseX-4, sposMin, sposMax); 
    } 
    if(abs(newspos - spos) > 1) { 
      spos = spos + (newspos-spos)/dump; 
    } 
  } 
 
  int constrain(int val, int minv, int maxv) { 
    return min(max(val, minv), maxv); 
  } 
 
  boolean over() { 
    if(mouseX > spos && mouseX < spos+8 && 
    mouseY > ypos+3 && mouseY < ypos+11) { 
      return true; 
    } else { 
      return false; 
    } 
  } 
 
void display() { 
    fill(60);
    rect(xpos, ypos, swidth, sheight); 
    if(over || locked) { 
      fill(255,200,0); 
    } else { 
      fill(102, 102, 102); 
    } 
    rect(spos, ypos+3, 8, 8); 
  } 
 
float getPos() { 
    return spos*ratio;
  } 
}




//------------- HANDLE CLASS



public class Handle 
{ 
  int hn;
  int x, y;
  float z; 
  int square; 
  int handlex, handley;
  boolean over; 
  boolean press; 
  boolean locked = false; 
  boolean otherslocked = false; 
  Handle[] others; 
  
    
 Handle(int _nu, int _x, int _y, int _z, int _s, Handle[] o){ 
    hn = _nu;
    x = _x; 
    y = _y; 
    z = _z;
    square = _s; 
    others = o;
    handlex = x+square/2; 
    handley = y+square/2; 
    vertices[this.hn] = new Vertex(this);
 } 


void update() {
    for(int i=0; i<others.length; i++) { 
      if(others[i].locked == true) { 
        otherslocked = true;
      } else { 
        otherslocked = false; 
      }  
    } 
    if(otherslocked == false) { 
      over();
      press(); 
    } 
    if(press){
    vertices[this.hn].Vx = mouseX-width/4;
    vertices[this.hn].Vy = mouseY-height/2;
    vertices[this.hn].Vz = z;
    handlex = constrain(mouseX-2, 14, width/2-14);
    handley = constrain(mouseY-2, 14, 289);
   }
 } 

  
void over(){ 
    if(overhandle(handlex, handley, square, square)) { 
      over = true; 
    } else { 
      over = false; 
    } 
  } 

    
void press(){ 
   if(over && mousePressed  || locked) {
      press = true;
      locked = true; 
    } else { 
      press = false; 
    } 
  } 

  
void release(){
  locked = false;
 } 


void display(){ 
  if(over || press){
    stroke(255,200,0);
   }else{
     fill(0); 
     stroke(180);
    }
   rect(handlex-2,handley-2,1,1);
   rect(handlex+2,handley-2,1,1);
   rect(handlex-2,handley+2,1,1);
   rect(handlex+2,handley+2,1,1);
   if(click>0){
   design_lines();
  }
 }


void design_lines(){
    for(int i=1; i<click; i++){
     stroke(35,58,76);
     line(handles[i].handlex,handles[i].handley,handles[i-1].handlex,handles[i-1].handley);
    }
    if (click>2){
     for(int i=2; i<click; i++){
     line(handles[i].handlex,handles[i].handley,handles[i-2].handlex,handles[i-2].handley);
    }
   }
 }
  
 
 
boolean overhandle(int x, int y, int squarew, int squareh) { 
  if (mouseX >= handlex && mouseX <= x+squarew && mouseY >= handley && mouseY <= handley+squareh){ 
    return true; 
  } else { 
    return false; 
  } 
 } 
}


//--------------------------  VERTEX CLASS

public class Vertex { 
  Handle parent;
  int n;
  float Vx, Vy, Vz, Vxx, Vyy; 
  float mySin, myCos;
  float myScale;
  float degree;
  float focal = 400.00;
  float incrX = 0.0;
  float incrY = 0.0;
    
  Vertex(Handle handles){ 
  parent = handles;
  this.Vx = parent.x-width/4; 
  this.Vy = parent.y-height/2; 
  this.Vz = parent.z;
 }
 
void update(){
   degree = scroll1.getPos()-10;
   mySin = sin(degree/12*PI/180);
   myCos = cos(degree/12*PI/180);
   float _Vx = (myCos*Vx - mySin*Vz);
   float _Vz = (myCos*Vz + mySin*Vx);
   Vx = _Vx;
   Vz = _Vz;
   myScale = focal/(focal-Vz);
   Vxx = Vx*myScale;
   Vyy = Vy*myScale;
 }
   

void design_shape(){
   noStroke();
   fill(255,0,0,50);
   push();
  translate(3*width/4,height/2);
  smooth();
   beginShape(TRIANGLE_STRIP);
   for(int i=0; i<num; i++){
     vertex(vertices[i].Vx, vertices[i].Vy);
     }
   endShape();
   noSmooth();
   pop();
 }
}