Elisabeth Bressan – Coding Art

Composizione con rosso, blu e giallo, Piet Mondrian, 1930.

https://editor.p5js.org/e.bressan1/full/GLQ5yGD6r

Ho creato una tela canvas di 400×400 pixel:

function setup() {
createCanvas(400, 400);
}

Ho inserito uno sfondo bianco che copre tutta la tela; ho creato un grande rettangolo rosso, senza bordi, nella parte in alto a destra della tela con dimensioni 270×270 pixel:

function draw() {
background(255);
noStroke();
fill(255, 0, 0);
rect(130, 0, 270, 270);

Poi ho aggiunto linee nere per dividere lo spazio, iniziando con una linea verticale nera a sinistra del rettangolo rosso:

fill(0, 0, 0);
rect(129, 0, 10, 400);

Una linea verticale nera a destra nella parte bassa:

fill(0, 0, 0);
rect(365, 270, 10, 400);

Una linea orizzontale nera corta nella parte sinistra:

fill(0, 0, 0);
rect(0, 130, 129, 20);

Una linea orizzontale nera lunga che attraversa quasi tutta la tela:

fill(0, 0, 0);
rect(0, 270, 400, 10);

In seguito ho inserito un rettangolo giallo piccolo nell’angolo in basso a destra:

noStroke();
fill(255, 255, 0);
rect(375, 350, 25, 50);

Ho inserito una linea nera sopra il rettangolo giallo:

noStroke()
fill(0, 0, 0);
rect(375, 350, 25, 10);

Concludendo con un rettangolo blu nella parte in basso a sinistra:

noStroke();
fill(0, 0, 255);
rect(0, 280, 130, 130);
}