// Ohjelman tehnyt e-Oppi Oy
// 30.1.2018
int a = 470; // Laskurin alkuarvo 
int b = 240; // Laskurin alkuarvo 
int c = 95; // Laskurin alkuarvo 
int d = 95; // 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,1,100));
     float b2 = round(map(b,0,950, 1,100));
     int c2 = round(map(c,0,950,0,11));
     String [] c2a = {"Matti", "Liisa","Otto","Jussi", "Ville", "Arja","Niki","Harri","Sulo","Heli","Iida","Topi"};
     int d2 = round(map(d,0,950,1,94));
     char d2a = char(32+d2);
     fill(255);
     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(0);
     textSize(30);
     stroke(0);
     text(a2,500+50,200+50);
     text(b2,500+50,200+100);
     text("Moi "+c2a[c2],500+50,200+150);
     text("Merkki on "+d2a,500+50,200+200);
      
     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(nfc(b2,1),b+5,85);
     text(c2a[c2],c+1,135);
     text(char(32+d2),d+5,185);
      
     textSize(25); // Tekstin koko
     text("void setup () {",10,240);
     text("size(500,500); ",50,270);
     text("textSize(30);",50,300);
     text("background(255);",50,330);
     text("fill(0);",50,360);
     text("}",10,390);
     text("void draw () {",10,420);
     text("int luku1 = "+a2+";",50,450);
     text("float luku2 = "+b2+";",50,480);
     text("String nimi = \""+c2a[c2]+"\";",50,510);
     text("char merkki = \'"+d2a+"\';",50,540);
     text("text(luku1,50,50);",50,570);
     text("text(luku2,50,100);",50,600);
     text("text(\"Moi \"+nimi,50,150);",50,630);
     text("text(\"Merkki on \"+merkki,50,200);",50,660);
     text("}",10,690);
}