Andrea Alberton – Coding art

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

Descrizione codice a parole secondo l’ordine di esecuzione

Creo una tela di dimensioni 600×600 pixel.

Cambio lo sfondo a colore chiaro (250).

Rimuovo il bordo dei rettangoli.

Imposto il colore rosso per il rettangolo (231, 6, 4) e disegno un rettangolo rosso a (x = 0, y = 0) con larghezza 258 e altezza 225.

Imposto il colore giallo per il rettangolo (252, 214, 14) e disegno un rettangolo giallo a (x = 0, y = 395) con larghezza 68 e altezza 600.

Imposto il colore blu per il rettangolo (23, 13, 92) e disegno un rettangolo blu a (x = 263, y = 395) con larghezza 184 e altezza 173.

Imposto il bordo nero con spessore 10.

Disegno la linea verticale centrale del mezzo a (x = 260, y = 230) fino a (x = 260, y = 390).

Disegno la barra orizzontale inferiore centrale a (x = 0, y = 390) fino a (x = 600, y = 390).

Disegno la barra orizzontale superiore centrale a (x = 0, y = 230) fino a (x = 600, y = 230).

Cambio lo spessore del bordo a 7.

Disegno la linea verticale centrale superiore a (x = 260, y = 0) fino a (x = 260, y = 230).

Disegno la linea verticale laterale destra del rettangolo giallo a (x = 70, y = 390) fino a (x = 70, y = 600).

Disegno la linea verticale laterale destra del rettangolo blu a (x = 450, y = 390) fino a (x = 450, y = 600).

Disegno la linea orizzontale piccola nel rettangolo blu a (x = 260, y = 570) fino a (x = 450, y = 570).

Disegno la linea verticale centrale inferiore a (x = 260, y = 390) fino a (x = 260, y = 600).

Codice realizzazione

function setup() {

  createCanvas(600, 600);

}

function draw() {

  background(250);

  // niente bordo per i rettangoli

  noStroke();

  //rettangolo rosso

  fill(231, 6, 4)

  rect(0, 0, 258, 225);

    //rettangolo giallo

  fill(252, 214, 14)

  rect(0, 395, 68, 600);

      //rettangolo blu

  fill(23, 13, 92)

  rect(263, 395, 184,173);

  stroke(0)

  strokeWeight(10);

  //linea centrale mezzo

  line(260, 230, 260, 390);

  //barra inf. centrale

  line(0, 390, 600, 390);

  //barra sup. centrale

  line(0, 230, 600, 230);

  stroke(0)

  strokeWeight(7);

  //linea centrale sup.

  line(260, 230, 260, 0);

  //barra laterale dx rettangolo giallo

  line(70, 390, 70, 600);

  //barra laterale dx quadrato blu

  line(450, 390, 450, 600);

  //barra piccola quadrato blu

  line(260, 570, 450, 570);

  //linea centrale inf.

  line(260, 390, 260, 600);

 }