Annalena Costanzo – Coding Art

Opera scelta: S. Lewitt, Wall drawing #630 (1990)

Algoritmo espresso a parole poi tradotto in codice p5.js

• innanzi tutto importato l’immagine di riferimento in un foglio Illustrator con misura 400px x 400px. Successivamente ho impostato delle guide corrispondenti alle linee da disegnare che mi potessero aiutare al definire delle cordiante

nella sezione function setup:

• creo un canvas di 400px x 400px: createCanvas (400, 400);

nella sezione function draw: 

• assegno un colore allo sfondo utilizzando lo strumento contagocce: background (‘#F7F3EF’);
• partendo dalla parte bassa del canvas in basso creo le linee inserendo le coordinate raccolte nel seguente ordine (x1, x1, y1, y2), dove 1 e 2 sono gli estremi della mia linea: line (3, 200, 3, 400);
• eseguo questo procedimento per tutte le linee
• a questo punto assegno delle precise qualità alla linea, assegnando uno spessore ricavato tramite, come le linee, dalle coordinate raccolte nel foglio Illustrator: strokeWeight (25);
• definisco lo stile dell’estremità, che voglio rendere netto: strokeCap (SQUARE);
• assegno un colore: fill (‘#100F0F’);

https://editor.p5js.org/a.costanzo/sketches/nHH3JS_0w