Elena Pizzigolotto – Coding Art

https://editor.p5js.org/elenapizzigolotto/sketches/CP7lgfUTJ

Per prima cosa ho scelto la mia ispirazione da riprodurre, ovvero “Triangle 1″ di V. Molnar (2001)

Prima di iniziare a creare il codice ho campionato l’immagine per prendere il colore esatto dei triangoli.

Il colore in RGB dunque è 131,130,134.

Quindi dopo di questo, ho aperto p5.js per cominciare a scrivere il codice. Qua sotto riportato l’algoritmo.

• creo un canvas i 400 x 400 su function setup
• su funcion draw aggiungo uno sfondo, grigio molto chiaro tendente al bianco quindi imposto il valore 245
• successivamente creo la prima fila di triangoli, quella più in alto
• creo il primo triangolo con coordinate 0,175,20,0,175,180
• lo riempio con il colore grigio che ho trovato precedentemente ovvero (131,130,134) ma siccome il triangolo deve essere leggermente trasparente aggiungo un quarto valore, ovvero 130. Quindi il codice che andrò ad inserire sarà Fill (131,130,134,130)
• tolgo la linea di contorno, dunque utilizzo noStroke ()
• ora creo il secondo triangolo in alto con coordinate 175,0,220,190,5,20
• ripeto il procedimento: lo riempio con lo stesso colore e poi tolgo la linea di contorno
• creo il terzo triangolo con coordinate 185,40,375,0,400,165
• ripeto il procedimento: lo riempio con lo stesso colore e poi tolgo la linea di contorno
• creo il quarto triangolo con coordinate 130,60,360,55,245,180
• ripeto il procedimento: lo riempio con lo stesso colore e poi tolgo la linea di contorno
• ora passo alla seconda fila di triangoli, quella più in basso
• creo il quinto triangolo con coordinate 25,400,175,350,0,210
• ripeto il procedimento: lo riempio con lo stesso colore e poi tolgo la linea di contorno
• creo il sesto triangolo con coordinate 260,330,165,195,50,340
• ripeto il procedimento: lo riempio con lo stesso colore e poi tolgo la linea di contorno
• creo il settimo triangolo con coordinate 370,400,400,210,240,200
• ripeto il procedimento: lo riempio con lo stesso colore e poi tolgo la linea di contorno
• creo l’ottavo, e ultimo triangolo, con coordinate 175,400,400,370,195,195
• ripeto il procedimento: lo riempio con lo stesso colore e poi tolgo la linea di contorno