//cubelove again, inspired by Alfred Escher
//with background color transition and random color of the center cube
//with a little help for the background from Forum User, Tande


//Global Variables
float x=0;
//setup()
void setup() {
  size (880, 720);
colorMode(HSB);
  //noLoop();

}

void draw() {
  noStroke();
background(x/300,200,255);
fill(x/200,200,255);
x+=20;
  for (int j=0; j<height/80; j++) {    //height/80 is how many times 
    // this instruction will be repeated in the y direction
    quadStrip(0, j*80, width/80);       //draws the first strip
    j++;
    quadStrip(-40, j*80, width/80);     //draws the seccond strip displaced -40
  }
}


// this "new function" is placed outside the draw(){ } code block.
void quadStrip(int px, int py, int n) {  // so quadStrip() is a function that will receive 3 parameters
    // we will do just one strip so we dont need the int j.. 
    // the +1 is to compleete the seccond row
  for (int i=0; i<width/80+1; i++) { 
    pushMatrix();
    translate(px, py);         //translate the 0,0 to where the strip start
    
    translate(i*80, 0);        //this translates each quad() note it starsts i=0 implies translate(0*80,0);     
    fill(#0095a4);
    quad(0, 0, 40, 20, 40, 80, 0, 60);
    fill(#013e41);
    quad(40, 20, 80, 0, 80, 60, 40, 80);
    popMatrix();

//center cube
fill(x/100,200,300);
quad(400,320,440,340,440,400,400,380);
fill(#dcdcdc);
quad(400,320,440,300,480,320,440,340);
fill(#035155);
quad(440,340,480,320,480,380,440,400);

//small cube
fill(x/100,200,300);
quad(454,320,466,327,466,341,454,334);
fill(#035155);
quad(440,327,454,320,454,334,454,334);
fill(#000000);
quad(454,334,466,341,454,348,454,334);

  }
}