–  Exercício 2 em Processing – 

Composição Tipográfica com inspiração na tipografia da Bauhaus. Reformulação das cores vibrantes e geometria da Escola num contexto moderno e digital.

 

 

CÓDIGO//////

size(540, 460);

noStroke();
colorMode(HSB, 420, 540, 200);
for (int i = 0; i < 540; i++) {
for (int j = 0; j < 540; j++) {
stroke(i, j, 540);
point(i, j);
}
}
int n = 10;
int spacing = width / n;

int j = 0;
while (j < n) {
int i = 0;
while (i < n) {
fill (#FF8686);
square (20 + (i* spacing), 20 + ( j * spacing), 50);
i = i +1;
}
j = j + 1;
}

PFont title_font = loadFont(“Futura-Medium-32.vlw”);
fill(#FF0839);
textAlign(CENTER);
textLeading(20);
textSize(35);
text(“typographytypography”, width/4, height/1.2);

fill(#FF1803);
textAlign(CENTER);
textLeading(20);
textSize(40);
text(“B”, width/2, height/20);

textAlign(CENTER);
textLeading(20);
textSize(40);
text(“A”, width/2, height/8);

textAlign(CENTER);
textLeading(20);
textSize(40);
text(“U”, width/2, height/5);

textAlign(CENTER);
textLeading(20);
textSize(40);
text(“H”, width/2, height/3.6);

textAlign(CENTER);
textLeading(20);
textSize(40);
text(“A”, width/2, height/2.8);

textAlign(CENTER);
textLeading(20);
textSize(40);
text(“U”, width/2, height/2.3);

textAlign(CENTER);
textLeading(20);
textSize(40);
text(“S”, width/2, height/1.9);

strokeWeight(3);
line(480, 100, 120, 400);

fill (#FF8686);
circle(100,100,100);
circle(110,110,100);
circle(120,120,100);
circle(130,130,100);
circle(140,140,100);

fill (#FF8686);
circle(400,200,70);

rectMode(CENTER);

push();
translate(250, 250);
square(100, 100, 130);
square(120, 120, 130);