/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://designuniandes.sketchpad.cc/sp/pad/view/ro.AA5OO2iHOS7/rev.2
 * 
 * authors: 
 *   Juan Felipe Paternina

 * license (unless otherwise specified): 
 *   creative commons attribution-share alike 3.0 license.
 *   https://creativecommons.org/licenses/by-sa/3.0/ 
 */ 



void setup()
{
  size(400, 400);
  smooth();
  background(216, 200, 185);
  noStroke();
}

void draw()
{

  int ancho=11;
  int largoCol=27;

  // patron horizontal cafe oscuro en el centro
  fill(100, 50, 0);
  rect(212, 200, 382-212, 370-200);

  // patrón horizontal gris 1 abajo a la derecha
  int largoGris=400-212;
  int dist=0;
  fill(100,100,100);
  for (int i=0; i<3;i++)
  {
    rect(212, 200+ancho+dist, largoGris, ancho);
    dist=dist+ancho+ancho;
  }

  // patrón horizontal gris 2 abajo a la derecha
  fill(100,100,100);
  rect(212, 260, 382-212, 120);

  //Rectángulo negro abajo a la derecha
  fill(0, 0, 0);
  rect(271, 280, 382-271, 400-280);

  //Líneas cafés de la derecha abajo
  int anchoCafe=ancho*2;
  int largoCafe=400-212;
  int dist2=0;
  fill(215, 160, 115);
  for (int i=0; i<4;i++)
  {
    rect(212, 265+dist2, largoCafe, anchoCafe);
    dist2=dist2+anchoCafe+ancho;
  }

  // patron horizontal rojo arriba a la derecha
  int largoRojo=382-271;
  int dist3=0;
  fill(167, 40, 10);
  for (int i=0; i<3;i++)
  {
    rect(271, 134+dist3, largoRojo, ancho);
    dist3=dist3+ancho+ancho;
  }

  // patrón horizontal negro arriba a la derecha
  fill(0, 0, 0);
  int largoNegro=400-158;
  int dist4=0;
  for (int i=0; i<3;i++)
  {
    rect(158, 65+dist4, largoNegro, ancho);
    dist4=dist4+ancho+ancho;
  }

  // tres columnas Negras
  int dist5=0;
  for (int i=0;i<3;i++)
  {
    fill(0, 0, 0);
    rect(23+dist5, 0, largoCol, 400);

  //patrón horizontal rojo arriba a la izquierda
    fill(167, 40, 10);
    rect(23+dist5, 65, largoCol, 120-65);    
    dist5=dist5+largoCol+largoCol;
  }

  //Cuarta columna gris
  fill(100, 100, 100);
  rect(23+(largoCol*6), 0, largoCol, 134);

  // patrón horizontal cafe en el centro
  fill(215, 160, 115);
  int dist8=0;
  for (int i=0;i<6;i++)
  {
    rect(23+(largoCol*6), 134+ancho+dist8, largoCol, ancho);
    dist8=dist8+ancho+ancho;
  }

  // patrón horizontal negro arriba a la izquierda 
  fill(0, 0, 0);
  int dist6=0;
  for (int i=0;i<2;i++)
  {
    rect(0, 65-(4*ancho)+dist6, 136, ancho);
    dist6=dist6+ancho+ancho;
  }

  // patrón horizontal amarillo arriba a la izquierda
  int dist7=0;
  fill(200, 160, 50);
  dist7=0;
  for (int i=0;i<3;i++)
  {
    rect(0, 64+ancho+dist7, 158, ancho);
    dist7=dist7+ancho+ancho;
  }

  // patrón horizontal rojo en el centro abajo
  int dist9=0;
  for (int i=0;i<6;i++)
  {
    fill(167, 40, 10);
    rect(158, 265+ancho+dist9, largoCol, ancho);

  //patron horizontal color del fondo abajo a la izquierda
    if (i<3)
    {
      fill(216, 200, 185);
      rect(23, 265+ancho+dist9, largoCol*5, ancho);
    }
    dist9=dist9+ancho+ancho;
  }

  //patrón horizontal cafe a la izquierda
  fill(215, 160, 115);
  int dist10=0;
  for (int i=0;i<8;i++)
  {
    if (i==6)
    {
      fill(215, 160, 115);
    }
    if (i==7)
    {
      fill(215, 160, 115);
    }
    rect(0, 134+ancho+dist10, 23, ancho);
    dist10=dist10+ancho+ancho;
  }

  //patron vertical amarillo abajo a la izquierda
  fill(200, 160, 50);
  int dist11=0;
  for (int i=0;i<3;i++)
  {
    rect(-4+dist11, 265+ancho*5, largoCol, 400-(265+ancho*4));
    dist11=dist11+largoCol*2;
  }
}