Sarah Kang – project 05 – Wallpaper

wallpaper

//sarah kang
//section c
//sarahk1@andrew.cmu.edu
//project-05-wallpaper

function setup() {
    createCanvas(600, 600);
}

function draw() {
    background(255, 207, 207);

    for (var y = 55; y < height + 100; y += 150) {
        for (var x = 55; x < width + 100; x += 150) {
            noFill();
            strokeWeight(7);
            stroke(31, 0, 97);
            rect(x, y, 40, 40); // thick purple squares

            strokeWeight(2);
            rect(x - 10, y - 10, 60, 60); // thin purple squares

            stroke(211, 240, 238);
            noFill();
            rect(x - 70, y - 70, 30, 30); // light blue squares

            fill(211, 240, 238);
            ellipse(x -  55, y - 55, 10, 10); // light blue circles
        }
    }

    for (var y = -70; y < height - 20; y += 150) {
        for (var x = -70; x < width - 20; x += 150) {
            noFill();
            strokeWeight(4);
            stroke(255, 254, 207);
            rect(x, y, 140, 140); // big yellow squares
        }
    }
}

For this wallpaper, I wanted to see what kind of graphics I could make by layering simple geometries such as squares.

initial sketch

Leave a Reply