// nowy koncept rysowania
// rysujemy w 3 fazach
// najpierw na podstawie parametrow X i zakresow - ustalamy, ktora cyferka, czyliktory kwadrat bedzie najwazniejszy
// potem ustalamy jego sasiadow o jedno pole w lewo i prawo
// a nastepnie 1 faza - rysujemy wszystkie oprocz kwadrata najwazniejszego i przyleglych sasiadow
// 2 - faza - rysujemy sasiadow najwazniejszego
// 3 - faza - rysujemy najwazniejszego
// powrot petli draw i juz
// zaznaczmy ifem co wybralismy do jakis zmiennych
// i 3 fazy przejezdzamy za kazdym razem ifa sprawdzajac czy jest zaznaczony


// Tu mozna zmieniac
int width_screen=400;
int height_screen=200;


///////////////////////////////
int maxcol=width_screen/10;
int[] arr_kolor1 = new int[maxcol];
int[] arr_kolor2 = new int[maxcol];
int[] arr_kolor3 = new int[maxcol];
int najsize=45;
int najy=height_screen/2;

void setup() 
{
  size(width_screen, height_screen); 
  colorMode(RGB, 255, 255, 255, 50);
  rectMode(CENTER);
  
  losuj_kolor1();
  losuj_kolor2();
  losuj_kolor3();
}

// FUNKCJE //
int wybierz_naj(){
   
  int naj=0;

  for (int t=1; t<maxcol; t++ ) {
if (mouseX > t*10-10 && mouseX <= t*10) { naj=t; }
  
  }
  return naj;

}

/////
int[] losuj_kolor1(){
  for (int z=0; z<(maxcol-1); z++) {
    arr_kolor1[z]=int (random(1,250));  
  }
  return arr_kolor1;
}

int[] losuj_kolor2(){
  for (int z=0; z<(maxcol-1); z++) {
    arr_kolor2[z]=int (random(1,250));  
  }
  return arr_kolor2;
}

int[] losuj_kolor3(){
  for (int z=0; z<(maxcol-1); z++) {
    arr_kolor3[z]=int (random(1,250));  
  }
  return arr_kolor3;
}

/////

int wylicz_lewonaj(int naj){
  int lewonaj=naj-1;
  return lewonaj;
  }

int wylicz_prawonaj(int naj){
  int prawonaj=naj+1;
  return prawonaj;
  }

/////
  
 
void draw() 
{   
  background(20); 
  fill(255, 50);
    
    
    int naj=wybierz_naj();
    int lewonaj=wylicz_lewonaj(naj);
    int prawonaj=wylicz_prawonaj(naj);
   
    if (lewonaj<1 || lewonaj>maxcol ) lewonaj=1;
    if (prawonaj<1 || prawonaj>maxcol ) prawonaj=2;
    
    // 1 faza
 
    for (int i=1; i<maxcol; i++) {
       if ( (i != naj) || (i != lewonaj) || (i !=prawonaj ) ) {
    fill(arr_kolor1[i-1],arr_kolor2[i-1],arr_kolor3[i-1]);
         rect(i*10, height_screen/2, 30, 30);
       }  
     }
       
    // 2 faza
 
    for (int i=1; i<maxcol; i++) {
       if ( (i != lewonaj) || (i !=prawonaj ) ) {
         fill(arr_kolor1[lewonaj-1],arr_kolor2[lewonaj-1],arr_kolor3[lewonaj-1]);
         rect(lewonaj*10, height_screen/2, 45, 45);
         fill(arr_kolor1[prawonaj-1],arr_kolor2[prawonaj-1],arr_kolor3[prawonaj-1]);
         rect(prawonaj*10, height_screen/2, 45, 45);
       }  
     }
       
  
    // 3 faza
 
    for (int i=1; i<maxcol; i++) 
    {
      if (i == naj) {
        fill(arr_kolor1[naj-1],arr_kolor2[naj-1],arr_kolor3[naj-1]);

      if (mousePressed) {
        najsize=75;

        if (mouseY < height/2) {
          najy=height_screen/2-50;
          ellipse(naj*10,najy,najsize,najsize);  
        } else {
          najy=height_screen/2+50;
        rect(naj*10, najy, najsize, najsize);

        }
        
        } else {
        najsize=45;
        najy=height_screen/2;
        rect(naj*10, najy-10, najsize, najsize+10);
      }
      
      }    
    }
       
}

// www.pestka.org