Informatica per il Design

Cecilia Moretti – Coding Art

Pubblicato da

c.moretti7@stud.iuav.it

in

Mi sono molto divertita nel cimentarmi in questo esercizio!

Mondrian

link p5.js

Opera

Composition No. 3 with red, yellow and blue, 1935

Come?

Come prima cosa ho importato l’immagine
del quadro dentro Geogebra con le
dimensioni dello spazio di lavoro
(400,400) e ho trovato le coordinate
dei vari elementi presenti.

Poi tramite Paint ho trovato i codici
dei colori che mi sarebbero serviti.

Codice

Ho proceduto in questa sequenza:

  • creazione spazio di lavoro
  • colore sfondo
  • caratteristiche quadrilateri (senza bordo)

//Quadrilatero (x rosso, giallo e blu)

  • riempimento con colore
  • creazione quadrilatero (coordinate, larghezza, altezza)

//Linee (prima quelle spesse e poi quelle sottili)

  • colore linee
  • spessore linea
  • creazione linea (coordinate inizio-fine)

Comandi

  • caratteristiche dei quadrilateri:

rectMode (CORNER);
noStroke();
fill(‘colore’);

  • quadrilateri:

rect(x,y,w,h);

  • caratteristiche linee:

stroke(0);
strokeWeight(x);

  • linee:

line(x1,y1,x2,y2);

LeWitt

link p5.js

Opera

Artista: LeWitt

Come?

Ho seguito lo stesso procedimento
iniziale di prima, con le coordinate
trovate su Geogebra e i colori su Paint.

“Giocando” su P5js ho scoperto che facendo
una linea la chiusura è tonda, il
che si è rivelato estremamente comodo
per scrivere il codice.

Codice

Ho proceduto in questa sequenza:

  • creazione spazio di lavoro
  • colore sfondo

//Figure (blu, rosa e gialla)

  • spessore linea
  • colore linea
  • creazione linea (coordinate inizio-fine)

Comandi

  • figure

strokeWeight(x);
stroke(‘colore’);
line (x1,y1,x2,y2)

Molnar

link p5.js

Opera

7 Syllabes B

Come?

Ho seguito nuovamente lo stesso
procedimento per ricavare coordinate
e i colori.

Ho pensato che sarebbe stato molto
più veloce creare delle linee invece
che dei quadrilateri (in cui segnare
le coordinate di tutti i vertici).
Per fare questo ho cercato come
ottenere la chiusura piatta delle
linee e ho trovato il comando:

strokeCap(SQUARE);

Codice

Ho proceduto in questa sequenza:

  • creazione spazio di lavoro
  • colore sfondo

//Linee

  • colore linea
  • spessore linea
  • chiusura piatta
  • creazione linea (coordinate inizio-fine)

Comandi

  • linee

strokeWeight(x);
stroke(‘colore’);
strokeCap(SQUARE);
line (x1,y1,x2,y2)

fine!<3

Commenti

Lascia un commento