Martina Bignotti-Coding Art

Ho deciso di riprodurre “Composition II” di Mondrian.

Aiutandomi con una copia del quadro che ho realizzato su Illustrator, su un canvas 400px X 400px, ho ricavato le misure necessarie per ogni elemento da ricreare.

Per prima cosa creato il canvas con le stesse misure (400px X400px) e uno sfondo bianco.

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

Ho poi aperto la la function draw e all’interno ho iniziato a ricreare i quattro rettangoli, specificando prima il colore, copiando il codice RGB dato da illustrator per avere la tonalità esatta del quadro; in seguito ho specificato che i rettangoli non debbano avere bordi e infine ho realizzato i rettangoli inserendo prima le sue coordinate per orientarli nel canvas e poi larghezza e lunghezza.

function draw() {
fill(‘#D92615’)
noStroke ()
rect(x,y,w,[h])

Ho poi riprodotto le linee, specificando anche qui prima il colore, che in questo caso è stato per tutte (0) (nero); lo spessore della linea, calcolato in pixel con illustrator, che per tutte è 14 px tranne per una sola che è 16 px, e successivamente ho realizzato le linee inserendo le coordinate del primo punto e le coordinate del secondo in modo da determinare inizio e fine. Infine ho chiuso la function draw.

stroke (0);
strokeWeight(14);
line(x1,y1,x2,y2);

}