Emma Greggio – Generative Landscape

Per mostrare meglio tutte le funzionalità e i vari passaggi con i commenti, incollo il link qui sotto!

• Obiettivo visivo:

Ho scelto di rappresentare un paesaggio dotato sia di un’animazione fissa, sia di un’animazione indotta dallo spettatore, che quindi va ad interagire direttamente con la canvas. Ho cercato di inserire più elementi diversi possibili, in modo da esercitarmi meglio su ciò che è stato visto in precedenza a lezione e sperimentare nuove funzionalità del coding.

• Scomposizione logica:

Tutti i passaggi effettuati sono stati commentati nell’esercizio al link di p5.js. Per fare lo sfondo ho semplicemente impostato il background con un colore azzurro cielo. Gli elementi chiave attorno al quale si sviluppa l’esercizio sono però le onde, il sole e le nuvole. Le onde, tre elementi sovrapposti tra loro, sono caratterizzate da un continuo movimento verticale, inoltre ad ognuna è stata applicata una tonalità diversa di colore in modo da creare un effetto di profondità. Al centro, nella parte alta della canvas, ho creato il sole di un colore giallo vivo. Quest’ultimo viene coperto leggermente dalle nuvole, una volta indotto il movimento di quest’ultime verso il centro della canvas. Il movimento orizzontale delle nuvole si applica cliccando il mouse su un qualsiasi punto della canvas e può essere invertito rischiacciando nuovamente il mouse e facendole riposizionare così nei punti iniziali. Mentre la forma di tutti gli altri elementi è stata generata tramite coding, le nuvole sono frutto di una singola immagine in png riprodotta tre volte e modificata nelle dimensioni e nelle posizioni all’interno della canvas.

• Uso AI:

Mi sono fatta aiutare da Google Gemini principalmente per impostare la struttura generale del coding e per la creazione del movimento delle onde e delle nuvole. Ho ottenuto i risultati voluti eseguendo piccoli passaggi alla volta, ad esempio: “Quando clicco il mouse voglio che le nuvole si spostino orizzontalmente andando tutte verso l’interno della canvas.”, “Ok, ma vorrei che il movimento fosse scorrevole”, “Puoi fare in modo che le nuvole si fermino quando sono sopra al sole?”, ecc.