// katie chen
// project 05
// section E
// katieche@andrew.cmu.edu
function setup (){
createCanvas (480, 480);
background (230);
var c = 80; // how close together they are in a row
var lh = 80; // line height
var w = 80; // width
rectMode(CENTER);
for (var y = 0; y < 9; y++) {
var z = 9;
for (var x = 0; x < z; x++) {
//var z = 10;
var py = y * lh;
var px = x * c;
noFill();
stroke(220);
if (y % 2) {
var z = 8;
strokeWeight(1);
stroke(240);
rect(px+(0.5*c), py, w, w);
rect(px+(0.5*c), py, 50, 50);
// white horizontal long rectangles
stroke(250);
strokeWeight(2);
rect(px, py, 70, 20);
// white diagonals
stroke(250);
strokeWeight(2);
//line (px-30, py-30, px+30, py+30);
//line (px-30+(2*c), py-30, px+30, py+50);
//line (px-30+(2.2*tw), py-30, px+30, py+50+(2.2*tw));
}
else {
strokeWeight(1);
stroke(240);
rect(px, py, 70, 30);
rect(px, py, 30, 60);
strokeWeight(2);
stroke(250);
rect(px, py, 75, 10);
rect(px, py, 10, 70);
// white vertical long rectangles
stroke(250);
strokeWeight(2);
rect(px+(0.5*c), py, 20, 150);
// white diagonals
stroke(250);
strokeWeight(2);
//line (px-30, py-30, px+30, py+30);
//line (px-30+(2*c), py-30, px+30, py+50);
//line (px-30+(2*tw), py-30, px+30, py+50+(2*tw));
}
}
}
noLoop();
}
function draw (){
}
For this project, I started off by looking at existing wallpapers for inspiration. After doing some sketching, I tried to recreate my sketches but then started going into a different direction and doing more guess and check. I knew I wanted to keep a neutral and subtle palette.