Maria Tiraferri – Coding Art

Per prima cosa ho scelto l’immagine da riprodurre che più mi ispirava, ovvero “Int/Cont 5/5” di V. Molnar (1996).

Prima di iniziare a creare il codice, ho campionato i vari colori del quadro così da poterli replicare esattamente senza errori, il colore in RGB dello sfondo #F3EEE5, quello del bordo dei quadrati centrali è #E0DCD3 mentre quello dei quattro rettangoli è #E40237.

Per continuare, ho aperto p5.js per cominciare a scrivere il codice. Qua sotto riportato l’algoritmo.

• creo un canvas di 1036×1036 su function setup;
• su function draw ho aggiunto uno sfondo bianco il cui valore è 225;
• successivamente ho realizzato un quadrato grande come tutto il quadro, 1036×1036, a cui ho dato un colore con il comando fill del valore RGB di #F3EEE5;
• per continuare ho iniziato a realizzare i 4 quadrati centrali con il comando rect: il primo (202,538,314,314), il secondo (202,224,314,314), il terzo (516,224,314,314) e il quarto (516,538, 314,314);
• questi quadrati però non sono pieni quindi con il comando noFill tolgo il colore di riempimento rendendolo trasparente, lasciando però il bordo con il comando stroke (per definirne il colore), del valore RGB di #E0DCD3 e lo spessore con il comando stokeWeight di 1;
• successivamente ho iniziato a realizzare ii rettangoli rossi sempre con il comando rect: il primo (202,643,316,106), il secondo (514,331,316,106), il terzo (305,224,106,316,) e il quarto (614,537,106,316);
• per finire a tutti con il comando fill do il colore rosso del valore RGB di #E40237.