// Ohjelman tehnyt e-Oppi Oy
// 30.1.2018
int a = 188; // Laskurin alkuarvo 
int b = 374; // Laskurin alkuarvo 
int c = 558; // Laskurin alkuarvo 
int d = 950; // Laskurin alkuarvo 
void setup () {
     size(1000,700); // ikkunan koko
     stroke(0); // Musta viivan väri
     textSize(30); // Tekstin koko
}

void draw() {
     background(255); // Tyhjennä tausta
     int a2 = round(map(a,0,950,0,255));
     int b2 = round(map(b,0,950,0,255));
     int c2 = round(map(c,0,950,0,255));
     int d2 = round(map(d,0,950,0,255));
     fill(d2);
     rect(500,200,500,500);
     stroke(200);
     for (int t=1; t <= 10; t++) {
        line(500+t*50,200,500+t*50,700);
        line(500,200+t*50,1000,200+t*50);
     }
     fill(a2,b2,c2);
     strokeWeight(1);
     stroke(0);
     ellipse(500+250,200+250,300,300);
     fill(240);
     noStroke();
     rect(0,200,500,500);
     rect(0,0,1000,200);
  
     stroke(0);  
     strokeWeight(1);
  
     fill(255,255,0); // Keltainen täyttöväri
     rect(0,0,999,50); // Piirrä keltainen suorakulmio
     rect(0,50,999,50); // Piirrä keltainen suorakulmio
     rect(0,100,999,50); // Piirrä keltainen suorakulmio
     rect(0,150,999,50); // Piirrä keltainen suorakulmio
     fill(255,0,0); // Punainen täyttöväri
     rect(a,0,50,50); // Piirrä punainen neliö
     rect(b,50,50,50); // Piirrä punainen neliö
     rect(c,100,50,50); // Piirrä punainen neliö
     rect(d,150,50,50); // Piirrä punainen neliö
     int x1 = mouseX; // Selvitä hiiren vaakakoordinaatti
     int y1 = mouseY;
     if (mousePressed == true) {
      if ((y1 > 0) && (y1 < 50)) {
          if ((x1>a) && (a < 950)) { // Jos hiiri on oikealla puolen
                a++; // niin kasvata laskuria
          }
          if ((x1<a) && (a >= 0)) { // Jos hiiri on vasemmalla puolen
                a--; // niin pienennä laskuria
          }
      }
      if ((y1 > 50) && (y1 < 100)) {
          if ((x1>b) && (b < 950)) { // Jos hiiri on oikealla puolen
                b++; // niin kasvata laskuria
          }
          if ((x1<b) && (b >= 0)) { // Jos hiiri on vasemmalla puolen
                b--; // niin pienennä laskuria
          }
      }
      if ((y1 > 100) && (y1 < 150)) {
          if ((x1>c) && (c < 950)) { // Jos hiiri on oikealla puolen
                c++; // niin kasvata laskuria
          }
          if ((x1<c) && (c > 0)){ // Jos hiiri on vasemmalla puolen
                c--; // niin pienennä laskuria
          }
      }
      if ((y1 > 150) && (y1 < 200)) {
          if ((x1>d) && (d < 950)) { // Jos hiiri on oikealla puolen
                d++; // niin kasvata laskuria
          }
          if ((x1<d) && (d > 0)){ // Jos hiiri on vasemmalla puolen
                d--; // niin pienennä laskuria
          }
      }
     }
     fill(0); // Musta tekstin väri
     textSize(20); // Tekstin koko
     text(a2,a+5,35);
     text(b2,b+5,85);
     text(c2,c+5,135);
     text(d2,d+5,185);
      
     textSize(25); // Tekstin koko
     text("void setup () {",10,240);
     text("size(500,500); ",50,270);
     text("}",10,300);
     text("void draw () {",10,330);
     text("background("+d2+");",50,360);
     text("fill("+a2+","+b2+","+c2+");",50,390);
     text("ellipse(250,250,300,300);",50,420);
     text("}",10,450);
}