> show canvas only <


/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://designuniandes.sketchpad.cc/sp/pad/view/ro.i8$Rr7sSCxr/rev.2
 * 
 * authors: 
 *   Mayck Cuellar

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



// This sketch builds on a prior work, "Assignment 2: Repetition", created by Hernando Barragan
// http://designuniandes.sketchpad.cc/sp/pad/view/ro.BpKiLNJl5Fs183/rev.1



size(480,470);
background(250, 246, 227);

int x1=0;
int y1=0;
int y11=20;

int x2=20;
int y2=60;

int ancho1=20;
int alto1=60;
int alto11=10;




noStroke();
for(int y=0; y<3; y=y+1) // negros de esquina
{

fill(0,0,0);

rect (x1,y11,ancho1,alto11);

rect (x1,y11+20,ancho1,alto11);

x1=x1+20;

rect (x1,y1,ancho1,alto1);

x1=x1+20;

}

fill(0,0,0);
rect (x1+20,y1,ancho1,alto1+alto1);



for(int y=0; y<3; y=y+1) // rojos de esquina
{

fill(255,0,0);
rect (x2,y2,ancho1,alto1);

x2=x2+40;

}

int beigex=0;
int beigey=70;

int beigeancho=120;
int beigealto=10;


for(int y=0; y<3; y=y+1) // beige de esquina
{

fill(227,195,156);
rect (beigex,beigey,beigeancho,beigealto);

beigey=beigey+20;

}

beigey=60;
beigex=120;
beigeancho=200;
fill(0);
for(int y=0; y<3; y=y+1) // negro de mitad arriba
{


rect (beigex,beigey,beigeancho,beigealto);

beigey=beigey+20;

}

x1=20;
y1=120;

alto1=120;
for(int y=0; y<3; y=y+1) // negros de abajo de beige de esquina
{

fill(0,0,0);

rect (x1,y1,ancho1,alto1);

x1=x1+40;

}

y1= 250;
alto1=10;

for(int y=0; y<2; y=y+1) // negros de abajo de beige de esquina
{
x1=20;
for(int l=0; l<3; l=l+1) // negros de abajo de beige de esquina
{

fill(0,0,0);

rect (x1,y1,ancho1,alto1);

x1=x1+40;

}
y1=270;
}

x1=20;
y1=290;

alto1=180;
for(int y=0; y<3; y=y+1) // negros de abajo de beige de esquina
{

fill(0,0,0);

rect (x1,y1,ancho1,alto1);

x1=x1+40;

}

x1=0;
y1=290;

alto1=60;
for(int y=0; y<3; y=y+1) // beige abajo
{

fill(227,195,156);

rect (x1,y1,ancho1,alto1);

x1=x1+40;

}

ancho1=120;
alto11=10;

x1=0;
y11=360;

for(int y=0; y<9; y=y+1) // negros intermitentes de abajo izquierda
{

fill(0,0,0);

rect (x1,y11,ancho1,alto11);

y11=y11+20;





}

ancho1=20;
alto11=10;

x1=140;
y11=120;

for(int y=0; y<6; y=y+1) // beige intermitentes de abajo izquierda
{

fill(227,195,156);

rect (x1,y11,ancho1,alto11);

y11=y11+20;





}


ancho1=20;
alto11=10;

x1=120;
y11=240;

for(int y=0; y<6; y=y+1) // beige intermitentes de abajo izquierda
{

fill(255,0,0);

rect (x1,y11,ancho1,alto11);

y11=y11+20;

}

ancho1=40;
alto11=10;

x1=120;
y11=350;

for(int y=0; y<6; y=y+1) // beige intermitentes de abajo izquierda
{

fill(227,195,156);

rect (x1,y11,ancho1,alto11);

y11=y11+20;

}
ancho1=20;
alto11=10;

x1=140;
y11=360;

for(int y=0; y<6; y=y+1) // beige intermitentes de abajo izquierda
{

fill(0,0,0);

rect (x1,y11,ancho1,alto11);

y11=y11+20;

}

ancho1=80;
alto11=10;

x1=200;
y11=120;

for(int y=0; y<3; y=y+1) // beige intermitentes de abajo izquierda
{

fill(255,0,0);

rect (x1,y11,ancho1,alto11);

y11=y11+20;

}

ancho1=160;
alto11=20;

x1=160;
y11=240;

for(int y=0; y<3; y=y+1) // beige intermitentes de abajo izquierda
{

fill(227,195,156);

rect (x1,y11,ancho1,alto11);

y11=y11+40;

}

ancho1=80;
alto11=20;

x1=200;
y11=260;

for(int y=0; y<3; y=y+1) // beige intermitentes de abajo izquierda
{

fill(0,0,0);

rect (x1,y11,ancho1,alto11);

y11=y11+40;

}

ancho1=160;
alto11=20;

x1=160;
y11=370;

for(int y=0; y<3; y=y+1) // beige intermitentes de abajo izquierda
{

fill(255,0,0);

rect (x1,y11,ancho1,alto11);

y11=y11+40;

}

// 3 parte

ancho1=20;
alto11=10;

x1=320;
y11=0;

for(int y=0; y<3; y=y+1) // beige intermitentes de abajo izquierda
{

fill(227,195,156);

rect (x1,y11,ancho1,alto11);
fill(0,0,0);

rect (x1,y11+10,ancho1,alto11);

y11=y11+20;

}

ancho1=20;
alto11=10;

x1=320;
y11=60;

for(int y=0; y<3; y=y+1) // beige intermitentes de abajo izquierda
{

fill(227,195,156);

rect (x1,y11,ancho1,alto11);


fill(0,0,0);
rect (x1+20,y11,ancho1,alto11);

fill(255,0,0);
rect (x1+40,y11,ancho1,alto11);

fill(0,0,0);
rect (x1+60,y11,ancho1,alto11);

fill(255,0,0);
rect (x1+80,y11,ancho1,alto11);

fill(227,195,156);

rect (x1+100,y11,60,alto11);

fill(255,0,0);
rect (x1+120,y11,ancho1,alto11);

y11=y11+20;

}

ancho1=20;
alto11=10;

x1=320;
y11=60;

for(int y=0; y<9; y=y+1) // beige intermitentes de abajo izquierda
{

fill(227,195,156);
rect (x1,y11+10,160,alto11);

y11=y11+20;
}
ancho1=40;
alto11=120;

x1=340;
y11=120;
fill(0,0,0);
rect (x1,y11,ancho1,alto11); //negro derecha

ancho1=20;
alto11=120;

x1=400;
y11=120;
fill(227,195,156);
rect (x1,y11,ancho1,alto11);
rect (x1+40,y11,ancho1,alto11);

ancho1=20;
alto11=10;

x1=380;
y11=130;

for(int y=0; y<6; y=y+1) // beige intermitentes de abajo izquierda
{

fill(0,0,0);
rect (x1,y11,ancho1,alto11);

y11=y11+20;
}



ancho1=120;
alto11=60;

x1=300;
y11=0;
fill(0,0,0);
rect (x1+60,y11,ancho1,alto11);




ancho1=80;
alto11=10;

x1=340;
y11=0;
fill(227,195,156);
rect (x1+60,y11,ancho1,alto11+10);
rect (x1+60,y11+30,ancho1,alto11);
rect (x1+60,y11+50,ancho1,alto11);

// desde rojo derecha

ancho1=40;
alto11=10;

x1=340;
y11=240;
for(int y=0; y<6; y=y+1) // beige intermitentes de abajo izquierda
{

fill(0,0,0);
rect (x1,y11,ancho1,alto11);
fill(227,195,156);
rect (x1+60,y11,ancho1-20,alto11);
rect (x1+100,y11,ancho1-20,alto11);
fill(255,0,0);
rect (x1,y11+10,ancho1-20,alto11);

y11=y11+20;
}
ancho1=20;
alto11=60;

x1=360;
y11=300;
fill(0,0,0);
rect (x1,y11,ancho1,alto11);
fill(227,195,156);
rect (x1+20,y11,100,alto11);

ancho1=160;
alto11=10;

x1=320;
y11=350;
for(int y=0; y<6; y=y+1) // beige intermitentes de abajo izquierda
{
fill(227,195,156);
rect (x1,y11,ancho1,alto11);
fill(0,0,0);
rect (x1,y11+10,ancho1,alto11);

y11=y11+20;
}

ancho1=40;
alto11=120;

x1=360;
y11=340;
fill(0,0,0);
rect (x1,y11,ancho1,alto11);