Terceira experimentação em Processing com animação dos elementos geométricos do exercício anterior.

Código ///
void setup() {

size(540, 460);
background(0);
smooth();

}

void draw() {

background (0);

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);
translate (mouseX, mouseY);
rotate(radians(-50));
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);
translate (mouseX, mouseY);
rotate(radians(50));
square(100, 100, 130);
square(120, 120, 130);

}

void mouseMoved() {

}