/*
Joanne Chui
Section C
Project 5
*/
function setup(){
createCanvas(400, 400);
background(0, 25, 100);
}
function draw(){
for(i = 0; i < 5; i++){
for(a = 0; a < 5; a++){
var quadX = i * 100 - 50;
var quadY = a * 100;
noStroke();
fill(255, 182, 56);
if(i % 2 == 0){
quad(quadX, quadY, quadX + 150, quadY, quadX + 75, quadY + 50, quadX - 75, quadY + 50);
stroke("white");
strokeWeight(2);
line(quadX, quadY, quadX - 75, quadY + 50);
}else{
noStroke();
fill(170, 120, 40);
quad(quadX + 50, quadY + 50, quadX + 100, quadY + 50, quadX + 50, quadY + 100, quadX - 50, quadY + 100);
stroke("white");
strokeWeight(2);
line(quadX, quadY, quadX + 50, quadY + 100);
line(quadX, quadY, quadX + 100, quadY);
}
}
}
}
I wanted to create a wallpaper that showed depth and had a lot of layers. I also experimented with creating an abstract design.