Through the multiple squares on the canvas, I wanted to explore how different the overall image would look by manipulating the weight of the stroke. Moving your mouse in a circular motion would allow you to see the change in weight of the stroke for each color set of squares I used on the canvas.
abstraction
//Rachel Kim
//15-104(Section C)
//rachelki@andrew.cmu.edu
//Project-03
var angle = 0.0;
function setup() {
createCanvas(600, 600);
}
function draw() {
background(155, 178, 145);
push();
//set pink squares
noFill();
strokeWeight(mouseX/5);
stroke(232, 225, 239);
rect(215, 72, 240, 401);
rect(106, 131, 442, 142);
rect(57, 17, 493, 550);
rect(114, 338, 236, 95);
//set green(a) squares
noFill();
strokeWeight(mouseX/10);
stroke(196, 244,199);
rect(38, 65, 168, 262);
rect(138, 141, 430, 394);
rect(62, 248, 311, 196);
rect(297, 61, 287, 519);
//set green(b) squares
noFill();
strokeWeight(mouseY/15);
stroke(199, 255, 218);
rect(13, 24, 514, 199);
rect(270, 281, 205, 281);
rect(49, 96, 141, 485);
rect(106, 360, 421, 134);
//set green(c) squares
noFill();
strokeWeight(mouseY/20);
stroke(217, 255, 248);
rect(20, 300, 390, 216);
rect(241, 96, 309, 312);
rect(75, 41, 287, 141);
rect(422, 117, 81, 204);
}