//Carly Sacco
//Section C
//csacco@andrew.cmu.edu
//Project 5: Wallpaper
function setup() {
createCanvas(400,500);
}
function draw() {
background(145, 185, 217);
fill(255); //white rectangles
noStroke();
for(var x = 0; x < 100; x = x + 1) {
rect(x, 20, width, 25); //top two white lines
rect(x, 100, width, 100);
rect(x, 440, width, 25); //bottom two white lines
rect(x, 300, width, 100);
}
fill(178, 206, 219); //blue rectangles
noStroke();
for(var y = 0; y < 100; y = y + 1) {
rect(x + 50, y, x, 25); //top set of three rectangles
rect(x + 200, y + 50, x, 25);
rect(x - 100, y + 50, x, 25);
rect(x + 50, y + 205, x, 25); //middles set of rectangles
rect(x + 200, y + 250, x, 25);
rect(x - 100, y + 250, x, 25);
rect(x + 50, y + 420, x, 25); //bottom set of rectangles
rect(x + 200, y + 470, x, 25);
rect(x - 100, y + 470, x, 25);
}
stroke(186, 191, 194); //grey line set
line(125, 0, 125, 500);
line(275, 0, 275, 500);
line(115, 0, 115, 500);
line(135, 0, 135, 500);
line(265, 0, 265, 500);
line(285, 0, 285, 500);
stroke(214, 120, 145); //pink
line(0, 30, 500, 30); //top set of three pink lines
line(0, 20, 500, 20);
line(0, 45, 500, 45);
line(0, 440, 500, 440); //bottom set of pink lines
line(0, 450, 500, 450);
line(0, 465, 500, 465);
}
The inspiration for my wallpaper were different types of line types that were abstracted. Therefore, I used dotted lines, different line thicknesses, and different colored lines.