Iris Colombarini – Coding Art

Attratta dai colori brillanti, ho scelto di riprodurre l’opera Wall Drawing #579 (1988) di Sol LeWitt.
Prima di scrivere il codice ho definito per iscritto, seguendo l’ordine di esecuzione, l’algoritmo che ho poi riprodotto nel programma.

//Codice a parole

setup() {
— Imposto la dimensione della tela → createCanvas(400, 400)
— Disattivo i bordi delle forme → noStroke()
— Chiudo la funzione con }

draw() {
— Rendo lo sfondo di colore bianco → background(255)

//A questo punto vado a campionare con Illustrator i colori dell’opera, ricavandone il codice HEX.

//Successivamente ho calcolato le coordinate delle forme affinché la composizione risultasse centrata e il cerchio principale fosse tangente al bordo superiore.

• Cerchio azzurro esterno
  — aggiungo un riempimento colore azzurro → fill(“#79D0F2”)
  — Disegno un’ellisse → ellipse(200, 100, 200)
  
• Rettangolo azzurro esterno a destra
  — aggiungo un riempimento colore azzurro → fill(“#79D0F2”)
  — Disegno un rettangolo → rect(100, 100, 40, 400)
  
• Rettangolo azzurro esterno a sinistra
  — aggiungo un riempimento colore azzurro → fill(“#79D0F2”)
  — Disegno un rettangolo → rect(260, 100, 40, 400)
  
• Cerchio magenta
  — aggiungo un riempimento colore magenta → fill(“#BF3BA9”)
  — Disegno un’ellisse → ellipse(200, 100, 120)
  
• Rettangoli magenta interno a destra
  — aggiungo un riempimento colore magenta → fill(“#BF3BA9”)
  — Disegno il rettangolo a sinistra → rect(220, 100, 40, 400)

• Rettangoli magenta interno a sinistra
  — aggiungo un riempimento colore magenta → fill(“#BF3BA9”)
  — Disegno il rettangolo a sinistra → rect(140, 100, 40, 400)
  
• Cerchio giallo centrale
  — aggiungo un riempimento colore giallo → fill(“#EDD707”)
  —  Disegno un cerchio → ellipse(200, 100, 40)
  
• Rettangolo giallo centrale
  — aggiungo un riempimento colore giallo → fill(“#EDD707”)
  — Disegno un rettangolo → rect(180, 100, 40, 400)
  

Chiudo draw() con }

//fine

//Risultato finale

dai un’occhiata:
https://editor.p5js.org/iris.colombarini/full/tna264NAg

☆