Anna De Luca – Coding Art

P. Mondrian, Composition No. III, with Red, Blue, Yellow and Black (1929)

https://editor.p5js.org/a.deluca8/sketches/hCwQTNYHQ

Inizialmente lavoro su Function setup, per impostare le funzioni di base. 

Le misure dell’opera “Composition No. III, with Red, Blue, Yellow and Black” (1929) di Piet Mondrian sono: 50 x 50,2 cm. Per ottenere una tavola dalle dimensioni opportuni (dovendo lavorare in pixel) scelgo di mantenere le stesse proporzioni, ossia 500 x 502, pari a 1×1.004. 

createCanvas(500,502); 

Imposto il colore di sfondo. Per farlo, importo l’immagine su Figma ed utilizzo il contagocce per identificare i valori precisi in RGB. In questo caso, R=238, G=239, B=234. 

background(238,239,234);

Inizio ora a riprodurre i sottili rettangoli neri, utilizzando la seguente funzione.

rect(x,y,w,h);

In questo caso: 

• x corrisponde alla distanza dal bordo sinistro della tavola; 
• y corrisponde alla distanza dal bordo superiore della tavola;
• w corrisponde all’estensione orizzontale; 
• h corrisponde all’altezza (in questo caso, lo spessore della linea). 

Per aiutarmi nell’identificazione delle relazioni spaziali sfrutto il file Figma creato precedentemente; ridisegno le componenti rettangolari e procedo misurandole con lo strumento apposito.

Successivamente, li imposto sul file p5.js.  

fill(0);

rect(210,0,10,502);

rect(0,270,500,10);

rect(220,476,239,10);

rect(460,280,10,222);

rect(269,365,31,10); 

Proseguo dedicandomi ai rettangoli colorati “di riempimento”, impostando rispettivamente il fill e le coordinate spaziali. 

fill(230,46,34); //RGB     

rect(0,0,210,270); //rett.rosso

fill(2,70,145); //RGB     

rect(469,280,31,85); //rett.blu

fill(251,208,33); //RGB     

rect(220,486,131,20); //rett.giallo

fill(0);     

rect(351,486,108,20); //rett.nero sotto

In questo modo, ottengo una copia fedele dell’opera scelta.