Greta Franceschin – Coding Art

Opera

V. Molnar, Int/Cont 5/5 (1996)

Spiegazione

La prima cosa che ho fatto è stata impostare un background del colore corretto.

background(“#F4F1E8”);

Poi ho fatto sì che tutti i rettangoli del codice vengano disegnati rispetto al loro centro, usando la funzione:

rectMode(CENTER);

Poi ho disegnato un quadrato privo di colore dal lato di 244px e le cui coordinate del centro sono x = 200 e y = 200 con bordo di spessore di 1px.

noFill( );
stroke(“#E8E5DC”);
strokeWeight(1);
rect(200, 200, 244);

Per suddividere il quadrato in 4 parti ho usato due linee perpendicolari tra di loro: le ho disegnate sapendo le coordinate dei due punti per cui passano, (linea verticale: x1 = 200, y1 = 77, x2 = 200, y2 = 321), (linea orizzontale: x1 = 77, y1 = 199, x2 = 321, y2 = 199). Il loro colore è lo stesso del bordo del quadrato.

// linea 1
line(200, 77, 200, 321);

// linea 2
line(77, 199, 321, 199);

Infine ho disegnato i rettangoli. Per prima cosa ho definito il loro colore. Poi sono andata a disegnarli impostando le coordinate del loro centro e le dimensioni dei lati (40px e 122px, con larghezza e lunghezza che assumono uno di questi due valori in base a come è posizionato il rettangolo).

// colore rettangoli
fill(“#D0283B”);

//rettangolo 1
rect(138,138, 40, 122);

// rettangolo 2
rect(260, 138, 122, 40);

// rettangolo 3
rect(138, 260, 122, 40);

// rettangolo 4
rect(260, 260, 40, 122);