Harmony
W = 540
H = 680
setup = () => {
noLoop()
createCanvas(W, H)
colorMode(HSB)
angleMode(RADIANS)
}
draw = () => {
noStroke()
c = (h, s, l) => {
return fill(h, s, l)
}
k = 1;
//top left
for (i = 0; i <= 2; i++) {
for (j = 0; j <= 2; j++) {
k++;
if (i == 0) {
if (j == 0) {
c(200, 49, 52);
} else if (j == 1) {
c(330, 10, 30);
} else if (j == 2) {
c(40, 90, 80);
}
}
if (i == 1) {
if (j == 0) {
c(20, 52, 50);
} else if (j == 1) {
c(15, 41, 63);
} else if (j == 2) {
c(22, 100, 90);
}
}
if (i == 2) {
if (j == 0) {
c(12, 52, 66);
} else if (j == 1) {
c(360, 99, 92);
} else if (j == 2) {
c(215, 23, 61);
}
}
if (i == 3)
c(i + 10, j, 80);
if (i == 4)
c(i / 2, j / 2, 80);
if (i == 5)
c(i + 15, j + 8, 80);
rect(W / 6 * i, H / 7 * j, W / 6, H / 7)
}
}
//bottom right
push()
translate(W / 2, H / 7 * 4)
for (i = 0; i <= 2; i++) {
for (j = 0; j <= 2; j++) {
k++;
if (i == 0) {
if (j == 0) {
c(215, 23, 61);
} else if (j == 1) {
c(360, 99, 92);
} else if (j == 2) {
c(12, 52, 66);
}
}
if (i == 1) {
if (j == 0) {
c(22, 100, 90);
} else if (j == 1) {
c(15, 41, 63);
} else if (j == 2) {
c(20, 52, 50);
}
}
if (i == 2) {
if (j == 0) {
c(40, 90, 80);
} else if (j == 1) {
c(330, 10, 30);
} else if (j == 2) {
c(200, 49, 52);
}
}
if (i == 3)
c(i + 10, j, 80);
if (i == 4)
c(i / 2, j / 2, 80);
if (i == 5)
c(i + 15, j + 8, 80);
rect(W / 6 * i, H / 7 * j, W / 6, H / 7)
}
}
pop()
//mid line
for (i = 0; i <= 5; i++) {
for (j = 3; j <= 3; j++) {
if (i == 0 || i == 5) {
c(105, 30, 50);
} else if (i == 1 || i == 4) {
c(248, 5, 66);
} else if (i == 2) {
c(43, 70, 66);
} else if (i == 3) {
c(31, 55, 74);
}
rect(W / 6 * i, H / 7 * j, W / 6, H / 7);
}
}
//bottom left
for (i = 0; i <= 2; i++) {
for (j = 4; j <= 6; j++) {
if (i == 0) {
if (j == 4) {
c(14, 49, 65);
} else if (j == 5) {
c(20, 37, 45);
} else if (j == 6) {
c(206, 57, 45);
}
}
if (i == 1) {
if (j == 4) {
c(46, 100, 100);
} else if (j == 5) {
c(15, 42, 60);
} else if (j == 6) {
c(320, 11, 22);
}
}
if (i == 2) {
if (j == 4) {
c(360, 99, 92);
} else if (j == 5) {
c(107, 33, 52);
} else if (j == 6) {
c(42, 95, 88);
}
}
//cree cellule
rect(W / 6 * i, H / 7 * j, W / 6, H / 7)
}
}
//top right
push()
translate(W / 2, 0)
for (i = 0; i <= 2; i++) {
for (j = 0; j <= 2; j++) {
if (i == 0) {
if (j == 0) {
c(42, 95, 88);
} else if (j == 1) {
c(107, 33, 52);
} else if (j == 2) {
c(360, 99, 92);
}
}
if (i == 1) {
if (j == 0) {
c(320, 11, 22);
} else if (j == 1) {
c(15, 42, 60);
} else if (j == 2) {
c(46, 100, 100);
}
}
if (i == 2) {
if (j == 0) {
c(206, 57, 45);
} else if (j == 1) {
c(20, 37, 45);
} else if (j == 2) {
c(14, 49, 65);
}
}
//cell
rect(W / 6 * i, H / 7 * j, W / 6, H / 7)
}
}
}
A reinterpretation of Paul Klee's "Neue Harmonie" (1936)