Allegra Gjergji – Coding Art

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

Processo a parole:

Ho preso la foto del quadro e l’ho messa su Figma con dimensioni di riferimento 400×400, dimensione riportata poi sulla canva. 

Lo sfondo (Background) impostato a 255, bianco. 

Ho iniziato a creare le forme prendendo le misure Figma partendo dall’angolo in alto a sinistra, da cui poi in base alle misure dei vari rettangoli ho trovato le coordinate per ciascuno.

Ho preso le misure del primo rettangolo rosso con coordinate x= 0, y = 0; ho preso il codice esadecimale del colore e impostato senza bordo. 

Dopodiché ho iniziato a muovermi verso destra e verso il basso, creando i rettangoli neri verticali e orizzontali, che sono già senza bordo.

Anche gli altri rettangoli colorati sono stati fatti con il codice esadecimale e senza bordo.

Processo mediante codice: 

function setup() {

  createCanvas(400, 400);

  background(255);

}

function draw() {

  // rettangolo rosso 1

  fill(‘#E70604’);

  noStroke();

  rect(0, 0, 179, 162);

  // rettangolo nero lungo e stretto

  fill(0); // è già senza bordo

  rect(179, 0, 7, 162);

  // rettangolo bianco 2 alto dx

  fill(255);

  rect(184, 0, 216, 162); // anche se non serve farlo, è spazio vuoto – oppure potevo fare rettagoli bianchi con stroke

  // rettangolo orizzontale nero 1

  fill(0);

  rect(0, 162, 400, 9);

  // rettangolo orizzontale nero 2

  fill(0);

  rect(0, 257, 400, 9);

  // rettangolo centrale verticale più spesso

  fill(0);

  rect(176, 171, 8, 86);

  // rettangolo giallo

  fill(‘#FDD504’);

  rect(0, 266, 37, 134);

  // rettangolo verticale nero accanto a giallo

  fill(0);

  rect(37, 266, 5, 134);

  // penultimo rettangolo verticale nero

  fill(0);

  rect(179, 266, 7, 134);

  // rettangolo blu

  fill(‘#170D5C’);

  rect(184, 266, 120, 115);

  // ultimo rettangolo nero verticale

  fill(0);

  rect(304, 266, 7, 134);

  // rettangolo orizzontale nero

  fill(0);

  rect(184, 372, 120, 7);  

}

https://editor.p5js.org/allegragjergji/sketches/jcJvSiHPo