Riccardo Piccinini – Generative Landscape

OBIETTIVO VISIVO: ho deciso di rappresentare un paesaggio urbano nell’imbrunire visto dalla finestra. Si possono vedere in primo piano gli edifici della città con le piccole finestre illuminate. Retrostanti a loro invece ci sono le nuvole che scorrono per il vento, la luna piena e le stelle. Il tutto è incorniciato dalla finestra con la persiana ancora alzata.

SCOMPOSIZIONE LOGICA:

1. Variabili: inizialmente ho creato le variabili di cui avrei avuto bisogno, una per le stelle, due per i colori e due per le nuvole.
2. Background: ho creato prima lo sfondo gradiente per simulare il tramonto indicando i codici dei colori poi utilizzando lerpColor. Successivamente ho voluto aggiungere le stelle facendo si che ad ogni clic del mouse cambiassero posizione random, dunque ho creato la funzione generaStelle e poi la funzione mousePressed.
3. Luna e nuvole: Per questi elementi ho usato sempre forme geometriche torne, le ellissi, ho creato per prima la luna definendo il suo colore e poi le sue dimensioni e successivamente le tre macchiette che si trovano al suo interno. Successivamente, per dare un po’ di movimento, ho creato due nuvole definendo prima la funzione per ciascuna nuvola e in seguito grazie alla struttura if ho scritto il codice per farle muovere da sinistra a destra in continuazione.
4. Edifici: Per la loro realizzazione ho utilizzato tutte forme geometriche, dei rettangoli, e ho creato prima i grattacieli più lontani con le loro finestre per le quali ho usato il ciclo for per distribuirle ordinatamente. Poi ho continuato con gli stessi passaggi anche per gli edifici di media lontananza e quelli più lontani.
5. Finestra e persiana: Infine ho relizzato il contorno della finestra con dei rettangoli dello stesso colore e poi ho creato la persiana e la sua cordicella sempre con delle forme geometriche, rettangoli ed ellissi.

USO AI: Ho utilizzato l’intelligenza artificiale cloude per aiutarmi a generare le stelle in posizioni diverse a ogni clic del mouse senza che si sovrapponessero le une alle altre ad ogni clic. Dopo qualche prova sono siuscitoa giungere al risultato finale rappresentanto. Il prompt utilizzato: “Ciao! sto scrivendo un codice su p5.js, come posso creare delle stelle che cambino posizione random ad ogni clic del mouse?”