//Taisei Manheim
//Section C
//tmanheim@andrew.cmu.edu
//Assignment-05
function setup() {
createCanvas(600, 600);
background(128);
var w = 50;
for (var y = 0; y < height + 50; y += 100) {
for (var x = 0; x < width; x += 100) {
//top quad
stroke(255);
fill(255,192,203);
quad(x, y, x + w, y - sqrt(3) * w / 4, x + 2 * w, y, x + w, y + sqrt(3) * w / 4); ;
line(x + 2 * w - 10, y - 5, x + w - 10, y + sqrt(3) * w / 4 - 5);
line(x + 2 * w - 20, y - 10, x + w - 20, y + sqrt(3) * w / 4 - 10);
line(x + 2 * w - 30, y - 14, x + w - 30, y + sqrt(3) * w / 4 - 14);
line(x + 2 * w - 40, y - 18, x + w - 40, y + sqrt(3) * w / 4 - 18);
//left quad
stroke(255);
fill(255,162,233);
quad(x, y, x + w, y + sqrt(3) * w / 4, x + w, y + sqrt(3) * w / 4 + 57, x, y + 57);
line(x, y + 11, x + w, y + sqrt(3) * w / 4 + 11);
line(x, y + 22, x + w, y + sqrt(3) * w / 4 + 22);
line(x, y + 33, x + w, y + sqrt(3) * w / 4 + 33);
line(x, y + 44, x + w, y + sqrt(3) * w / 4 + 44);
//right quad
stroke(255);
fill(255,132,255);
quad(x + w, y + sqrt(3) * w / 4, x + 2 * w, y, x + 2 * w, y + 57, x + w, y + sqrt(3) * w / 4 + 57);
line(x + 2 * w - 10, y + 5, x + 2 * w - 10, y + 57 + 5);
line(x + 2 * w - 20, y + 10, x + 2 * w - 20, y + 57 + 10);
line(x + 2 * w - 30, y + 14, x + 2 * w - 30, y + 57 + 14);
line(x + 2 * w - 40, y + 18, x + 2 * w - 40, y + 57 + 18);
}
}
noLoop();
}
For this project I wanted the repetition to be a geometric pattern. I chose this pattern because of the sense of three dimensionality it gave as well as the interesting relationship between positive and negative space.