////////////////////////////////////////////////////////////////////////////////
//
// Student: Fleur van Hout
// Studentnummer: 2121143
// Groepnummer: h1
// Docent: Frans
// Datum: 31-01-2018
// Opdrachtnummer: eindop racht
// Titel: eindoprdacht animatie voor BASC
//
////////////////////////////////////////////////////////////////////////////////

String tekst1="Klik om een andere kleur ellipse te krijgen en beweeg met je muis langs alle hoeken";
int x=15, y=15;
PFont CabinSketch;
int nums[] = new int[8]; //eerste array met .length

int num = 30;
int rectx[] = new int[num];
int recty[] = new int[num];
int rects[] = new int[num];

float speed = 0;
boolean kleur = true;
int i = 10;
int stap = 0;
boolean resetStap = true;
boolean resetColor = true;
color fillRect = color(126);

 //scene 6 en 7 lopen verkeerd

void setup() {
  size(800, 500);
  for (int i = 0; i < nums.length; i++) { //veroorzaak dat ellipse verschillende groottes zijn
    nums[i] = int(random(10,100));
  }
}

void draw() {
 fill(0);

 if(frameCount>0 && frameCount<100) {
    scene1();
  }

 if(frameCount>100 && frameCount<200) {
    scene2();
  }

 if(frameCount>200 && frameCount<300) {
   scene3();
 }

 if(frameCount>300 && frameCount<400) {
   scene4();
 }

 if(frameCount>400 && frameCount<600) {
   scene5();
 }

 if(frameCount>600 && frameCount<700){
  scene6(100,100,100); //x,y,size
  scene6(700,50,20); //x,y,size
  scene6(500,100,50); //x,y,size

  for(int i=1; i<=7; i++){
    scene6(100+i*50,400,50);
  }
 }

 if(frameCount>600 && frameCount<700){
   scene7();
 }

 if(frameCount>700 && frameCount<800){
   scene8();
 }

}


void scene1() {

 //scene1
 //quad-1
 //colorMode(RGB)

 background(255);
 CabinSketch = createFont ("CabinSketch.otf",20);
 textFont(CabinSketch);
 text(tekst1,x,y);

//quad-1
 noFill();
 stroke(44,98,76,155); //neon groen
 strokeWeight(10);
 quad(396,35,180,252,396,456,606,252);

//quad-2
 colorMode(HSB,360,100,100);
 fill(151,32,67);
 stroke(151,56,36);
 strokeWeight(8);
 quad(396,78,228,252,396,420,564,252);


//ellipse-1 met functie
 colorMode(RGB);

 if (mousePressed == true) {
  fill(203,169,193); //waarom zijn het deze kleuren geworden? #CBA9C1
 } else if(mouseX>250){
   fill(38,52,30);
} else {
   fill(255); //white

}

 stroke(98,120);
 strokeWeight(5);
 ellipse(396,250,200,200);


//punt-1 met functie verandering

 if(mouseX>400) {
  rect(mouseX-50,mouseY-50,100,100);
 } else if (mouseY>250) {
  triangle(mouseX,mouseY,mouseX+108,mouseY-20,mouseX+24,mouseY-48); //ik wil dat muis in het midden zit
 } else if(mouseY>250 && mouseX>400) {
  rect(mouseX-50,mouseY-50,100,100);
 }

 else {
  strokeWeight(80);
  point(mouseX,mouseY);
 }
}

//functie scene2
 void scene2(){

//pijl scene2
 background(0);
 strokeWeight(5);
 stroke(255);
 line(0+stap,222,168+stap,222);
 line(120+stap,182, 168+stap,222);
 line(168+stap, 222,120+stap, 261);

  if(stap<500){
    stap = stap+2;
   }

 }

 //https://www.youtube.com/watch?v=5tSBbWySCC0 bron

 void scene3(){
  background(0);
  strokeWeight(15);
  stroke(255,250,91);
  noFill();
  triangle(396,157,316,293,474,293);
  strokeWeight(5);
  stroke(255,250,91);
  noFill();
    for (int i = 0; i < nums.length;  i++) {
     ellipse(i*50+400,210,nums[i], nums[i]); //(x,y,s,s)
   }
  }

  //scene4 quad valt op driehoekjes
void scene4() {

 if(resetStap == true)
 {
   stap = 0;
   resetStap = false;
 }

  background(0); //zwart
  strokeWeight(5); //dikte van de lijn
  stroke(255,250,91); //geel
  fill(#A03232); //rood
  if(key=='g' || key=='G'){fill(0,255,0,150);} //g indrukken voor groene kleur
  quad(30,28+stap,138,28+stap,138,83+stap,30,83+stap); //vierkant dat naar beneden valt (x1,y1,x2,y2,x3,y3,x4,y4)

    if(stap<130) {
      stap = stap+2;
    }

  noFill();
  stroke(#FAF567);
  triangle(42,222,15,270,71,270);
} //afsluiting van scene-4

void scene5(){
   //nested if
   background(0);

  if(mouseX > 10){
    if(mouseX < 100){
      background(17,124,25); //groen
    }else if(mouseX > 100 && mouseX < 400){
      background(58,70,80); //zwart
    }else if(mouseX > 400 && mouseX < 900) {
      background(17,78,124); //blauw
    }
  }

  //for loop
  for(int i=10; i<100; i+=10) {
    fill(255,60,70);
    if(i<40){
      fill(200,180,190);
    }else if(i>40 && i<70){
      stroke(50);
      strokeWeight(50);
      fill(17,266,80);
    }else{
      fill(50,90,80);
    }
  }
  ellipse(i*10+30,500,20,20);

}

void scene6(int oX, int oY, int dia){
  //parameter
  background(#DDA1DE);
  noFill();
  stroke(#4C185A); //donkerpaars
  strokeWeight(5);
  ellipse(oX,oY,dia,dia);
  stroke(140,79,157,140); //paars
  strokeWeight(2);
  ellipse(oX-dia/2,oY-dia/80,dia/2,dia/2);
  strokeWeight(35);
  point(oX-dia/5,oY-dia/10);
  point(oX-dia/90,oY-dia/10);
  strokeWeight(2);
  rect(oX-dia/2,oY-dia/80,dia/2,dia/2);
}

void scene7(){
  for(int i=0; i<15; i++){
    rectx[i] = floor(random(width));
  recty[i] = floor(random(height));
  rects[i] = floor(random(50));
  fill(random(255), random(255), random(255));
  ellipse(rectx[i],recty[i],rects[i],rects[i]);
  println(rectx[i],recty[i],rects[i]);
 }
}

void scene8(){ //keycoded
  if(resetColor == true){
    background(#B18AD8);
    resetColor = false;
  }


  strokeWeight(5);
  stroke(#30233E);
  noFill();
  rect(25,25,50,50);
  if(key == CODED) {
    if(keyCode == UP) {
      fillRect = 255;
      background(fillRect);
    }
    if (keyCode == DOWN) {
      fillRect = 0;
      background(fillRect);
    }
  }
}