Carlotta Capoccia – Geometric Typography – Refactoring

let rectSize = 40; let doubleWidth= rectSize*2; //rettangolo con il doppio di larghezza, naming migliore dello scorso let tripleWidth= rectSize*3;//rettangolo con il triplo di larghezza, naming migliore dello scorso function setup() { createCanvas(400, 400); noStroke(); } function draw() { if (mouseIsPressed) {//se premo il mouse sfondo nero e figura bianca background (0); fill (255); } else {//se invece non premo il mouse e passo il mouse sopra la figura cambia colore e lo sfondo è grigio background (220); fill(mouseY, 50, mouseX); } push(); translate(120, 12); // Sposto l’origine qui rect(80, 0, rectSize); rect(0, 40, doubleWidth, 40, 3); //utilizzo la variabile doubleWidth pop(); push(); translate(80, 92); rect(0, 0, rectSize,doubleWidth); //utilizzo la variabile doubleWidht rect(120, 0, rectSize, doubleWidth); //utilizzo la variabile doubleWidht rect(40, 80, doubleWidth, 40); //utilizzo la variabile doubleWidht pop(); push(); translate(80, 213); rect(0, 0, rectSize, rectSize); rect(40, 40, tripleWidth, 40); //utilizzo la variabile tripleWidht translate(0, 80); rect(0, 0, rectSize, rectSize); rect(160, 0, rectSize, rectSize); rect(40, 40, tripleWidth, 40); //utilizzo la variabile tripleWidht pop(); }

https://editor.p5js.org/c.capoccia/sketches/52tlzv30A

https://gemini.google.com/share/cd450364caa2

L’esperienza con il tutor digitale mi è piaciuta: mi ha fatto ragionare e notare alcune cose che da sola non avrei notato. Ho riscontrato alcune imprecisioni ma nulla di grave, errori dove sono riuscita a capire e risolvere da sola. Mi sento abbastanza il proprietario del mio codice dato che non mi ha aiutato moltissimo, solo a renderlo un po’ più chiaro e in ordine. Non ho corretto l’AI perchè non avesse rispettato il prompt dato anche se verso la fine iniziava a mandarmi pezzi di codice anche se gli era stato detto di non farlo.