Realizzazione dell’opera di Vera Molnàr su p5 Editor
Il processo è iniziato con l’importazione dell’opera originale su Figma. Qui ho impostato una griglia quadrata di (400×400 px) per stabilire un sistema di coordinate preciso. Questo passaggio mi ha permesso di mappare l’esatta posizione dei vertici di ogni triangolo rispetto ai bordi della tela.
Utilizzando lo strumento contagocce, ho prelevato i codici Hex dei due colori dominanti (sfondo e forme).
Spostandomi su p5.js Editor, ho inizializzato la funzione setup() creando una canvas di 400×400 px . Ho applicato il colore di sfondo tramite la funzione background() utilizzando il codice Hex precedentemente individuato.
Prima di procedere al disegno delle forme, ho impostato le proprietà grafiche globali valide per tutti i triangoli:
fill(): per applicare il colore prelevato, aggiungendo un quarto parametro (Alpha) che ho regolato a mio piacimento, e che serve a gestire l’opacità e ricreare le trasparenze dei triangoli.noStroke(): per eliminare i contorni dai triangoli.
Per individuare le coordinate dei vertici dei triangoli che si estendono oltre i limiti del quadro, ho disegnato su Figma triangoli vettoriali sopra l’originale, ricavando appunto le coordinate dei vertici situati fuori dal piano di lavoro. Di conseguenza, nel codice ho inserito valori negativi o maggiori del limite della canva (400).
Lascia un commento
Devi essere connesso per inviare un commento.