Vittoria Cavinato-Coding Art

Per riprodurre Composition with Red, Yellow, and Blue di Mondrian (1935-1942) con p5.js, ho iniziato a ricalcare l’opera su illustrator, in modo da ricavare le dimensioni e le coordinate di tutti gli elementi e i colori.

Di seguito riporto l’algoritmo:

1. Creo lo sfondo

2. Coloro lo sfondo di bianco

3. Per creare i primi rettangoli rossi ho:

• Definisco il colore con fill (181, 1, 4);
• Ho impostato rectMode(CENTER) per disegnare i rettangoli a partire dal loro centro invece che dall’angolo.
• Ho impostato che i rettangoli devono essere senza contorno
• Creato i due rettangoli impostando le coordinate e le dimensioni con rect(389, 357, 21, 85);

4. Definisco un nuovo colore con fill(209, 156, 0);

5. Creo i rettangoli gialli con le coordinate e dimensioni

6. Definisco un nuovo colore con fill(39, 36, 156);

7. Creo i rettangoli blu con le coordinate e dimensioni

8. Definisco un nuovo colore con fill(209, 156, 0);

9. Creo i rettangoli neri con le coordinate e dimensioni.

10. Utilizzo line(x1, y1, x2, y2); e strokeWeight(x);

• Imposto il colore delle linee con fill(0);
• Uso strokeCap(SQUARE); per far si che la parte finale delle linee sia dritta e non curva (non so perché me le faceva arrotondate)
• Creo le varie linee cambiando gli spessori quando necessario.