Giovanna Bembo – Geometric Typography

let clicked = false;

function setup() {
createCanvas(1024, 1024);
}

function mousePressed() {
clicked = !clicked;
}

function draw() {
background(0);

let coloreB = clicked ? color(220, 255, 100) : color(255);
let coloreG = clicked ? color(255, 60, 150) : color(255);
let size = clicked ? 155 : 100;
let spessoreG = clicked ? 22 : 12;

// G corsiva PRIMA parte (dietro)
noFill();
stroke(coloreG);
strokeWeight(spessoreG);
strokeCap(ROUND);

let sc = min(1024 / 568, 1024 / 845) * 0.9;
let ox = (1024 – 568 * sc) / 2;
let oy = (1024 – 845 * sc) / 2;

push();
translate(ox, oy);
scale(sc);

// Disegno solo la parte SUPERIORE della G (prima che passi davanti ai cerchi)
beginShape();
vertex(159.624, 327.672);
bezierVertex(333.291, 235.338, 647.724, 41.9716, 516.124, 7.17156);
bezierVertex(351.624, -36.3284, 151.624, 321.172, 206.624, 327.672);
bezierVertex(250.624, 332.872, 407.958, 261.838, 481.124, 225.672);
bezierVertex(366.791, 462.838, 114.024, 915.772, 17.6243, 830.172);
endShape();

pop();

noStroke();
fill(coloreB);

ellipse(282, 162, size);
ellipse(282, 282, size);
ellipse(282, 402, size);
ellipse(282, 522, size);
ellipse(282, 642, size);
ellipse(402, 522, size);
ellipse(522, 522, size);
ellipse(642, 522, size);
ellipse(642, 642, size);
ellipse(642, 762, size);
ellipse(522, 762, size);
ellipse(282, 762, size);
ellipse(402, 762, size);

// G corsiva SECONDA parte (davanti)
noFill();
stroke(coloreG);
strokeWeight(spessoreG);
strokeCap(ROUND);

push();
translate(ox, oy);
scale(sc);

beginShape();
vertex(17.6243, 830.172);
bezierVertex(-78.7757, 744.572, 341.791, 410.172, 564.124, 253.672);
endShape();

pop();
}