//Das Programm ist als eine Art Spiel gedacht. Ähnlich einem einarmigen Banditen (allerdings mit 8 Spalten) bewegen sich Felder hoch und runter,
//wobei hier allerdings die Bewegung mit der Maus gesteuert werden kann. Ziel ist es wie im Casinovorbild, dass alle Spalten in die gleiche Position gelangen. 
//Erschwert wird dies allerdings durch die Tatsache, dass die Bewegung einer Spalte immer auch die Bewegung eines anderen bewirkt. Durch ändern der Höhe 
//des Mauszeiger kann die Geschwindigkeit gesteuert werden. Wenn das Ziel erreicht oder ein gefälliges Muster gefunden ist, friert ein Mausklick das
//Bild in der bestehenden Position ein.



void setup()                                   //setzt Voreinstellungen
{
  size(400,400);                               //Grösse des Feldes
  noStroke();                                  //Keine Linienstärke für die Rechtecke
  framerate(30);                               //Geschwindigkeit des Bildaufbaus
  
  //hintergrund  
  for(int i=0;i<height;i+=height/50)           //Die Variable i schraubt sich in 50 Stufen bis zur Grösse des Feldes hoch
  {
      fill(255*i/height);                      //Die einzelnen Rechtecke werden in 50 Abstufungen von Grau gefärbt
      rect(0,i,width,height/50);               //Das Feld wird in 50 der Höhe nach gestaffelte Rechtecke unterteilt
  }
       
}

float a=0;                                     //Für die folgenden 8 Spalten wird jeweils eine Variable gesetzt
float b=0;
float c=0;
float d=0;
float e=0;
float f=0;
float g=0;
float h=0;

void draw() 
{

 
//1. Linie

if (((mouseX > 0*width/8) && (mouseX < 1*width/8))||((mouseX > 3*width/8) && (mouseX < 4*width/8)) )  // Die Bewegung jeder Spalte erfolgt immer dann, wenn die Maus in der eigenen oder je einer anderen Spalte sich befindet
{
  for(int i=0;i<height;i+=height/50)            //s.o., die Rechtecke sind jedoch immer nur einen Achtel des Feldes breit
  {
      fill(255*i/height);
      rect(0*width/8,i+a,width/8,height/50);
  }    
  for(int i=0;i<height;i+=height/50)            //Damit die Spalten sich über das Feld bewegen können, wird ausserhalb des Feldes darüber bzw. darunter eine weitere Spalte gesetzt
  {
    fill(255*i/height);
    rect(0*width/8,i+a-height,width/8,height/50);
    a=a+0.08*mouseY/height;                     //Durch das Ansteigen der Variable a setzt sich die Spalte in Bewegung, wobei sie von der Höhe des Mauszeigers abhängig ist
  }

    if(a>height){a=0;}                          //Wenn die "Doppelspalte" einmal die ganze Höhe des Feldes gewandert ist, springt sie wieder auf den Ursprungspunkt zurück
}

//2. Linie                                      //siehe erste Spalte, geändert wird dabei nur Position, "Aktivierungsfeld" und die Geschwindigkeit und Richtung der Bewegung

if (((mouseX > 1*width/8) && (mouseX < 2*width/8))||((mouseX > 5*width/8) && (mouseX < 6*width/8)) ) 
{
  for(int i=0;i<height;i+=height/50)
  {
      fill(255*i/height);
      rect(1*width/8,i-b,width/8,height/50);
  }    
  for(int i=0;i<height;i+=height/50)
  {
    fill(255*i/height);
    rect(1*width/8,i-b+height,width/8,height/50);
    b=b+0.15*mouseY/height;
  }

    if(b>height){b=0;}
}

//3. Linie

if (((mouseX > 2*width/8) && (mouseX < 3*width/8))||((mouseX > 6*width/8) && (mouseX < 7*width/8)) ) 
{
  for(int i=0;i<height;i+=height/50)
  {
      fill(255*i/height);
      rect(2*width/8,i+c,width/8,height/50);
  }    
  for(int i=0;i<height;i+=height/50)
  {
    fill(255*i/height);
    rect(2*width/8,i+c-height,width/8,height/50);
    c=c+0.05*mouseY/height;
  }

    if(c>height){c=0;}
}

//4. Linie

if (((mouseX > 3*width/8) && (mouseX < 4*width/8))||((mouseX > 1*width/8) && (mouseX < 2*width/8)) ) 
{
  for(int i=0;i<height;i+=height/50)
  {
      fill(255*i/height);
      rect(3*width/8,i+d,width/8,height/50);
  }    
  for(int i=0;i<height;i+=height/50)
  {
    fill(255*i/height);
    rect(3*width/8,i+d-height,width/8,height/50);
    d=d+0.13*mouseY/height;
  }

    if(d>height){d=0;}
}

//5. Linie

if (((mouseX > 4*width/8) && (mouseX < 5*width/8))||((mouseX > 0*width/8) && (mouseX < 1*width/8)) ) 
{
  for(int i=0;i<height;i+=height/50)
  {
      fill(255*i/height);
      rect(4*width/8,i-e,width/8,height/50);
  }    
  for(int i=0;i<height;i+=height/50)
  {
    fill(255*i/height);
    rect(4*width/8,i-e+height,width/8,height/50);
    e=e+0.11*mouseY/height;
  }

    if(e>height){e=0;}
}
//6. Linie

if (((mouseX > 5*width/8) && (mouseX < 6*width/8))||((mouseX > 4*width/8) && (mouseX < 5*width/8)) ) 
{
  for(int i=0;i<height;i+=height/50)
  {
      fill(255*i/height);
      rect(5*width/8,i+f,width/8,height/50);
  }    
  for(int i=0;i<height;i+=height/50)
  {
    fill(255*i/height);
    rect(5*width/8,i+f-height,width/8,height/50);
    f=f+0.07*mouseY/height;
  }

    if(f>height){f=0;}
}

//7. Linie

if (((mouseX > 6*width/8) && (mouseX < 7*width/8))||((mouseX > 7*width/8) && (mouseX < 8*width/8)) ) 
{
  for(int i=0;i<height;i+=height/50)
  {
      fill(255*i/height);
      rect(6*width/8,i-g,width/8,height/50);
  }    
  for(int i=0;i<height;i+=height/50)
  {
    fill(255*i/height);
    rect(6*width/8,i-g+height,width/8,height/50);
    g=g+0.16*mouseY/height;
  }

    if(g>height){g=0;}
}
//8. Linie

if (((mouseX > 7*width/8) && (mouseX < 8*width/8))||((mouseX > 2*width/8) && (mouseX < 3*width/8)) ) 
{
  for(int i=0;i<height;i+=height/50)
  {
      fill(255*i/height);
      rect(7*width/8,i+h,width/8,height/50);
  }    
  for(int i=0;i<height;i+=height/50)
  {
    fill(255*i/height);
    rect(7*width/8,i+h-height,width/8,height/50);
    h=h+0.1*mouseY/height;
  }

    if(h>height){h=0;}
}


}


void mousePressed()                  //Durch Klicken mit der Maus wird das Bild eingefroren
{
  noLoop();
}