Melania Zilio – Generative landscape

OBIETTIVO VISIVO:
Rappresentare un paesaggio naturale con montagne e colline, animato dal passaggio di un treno. Lo sketch permette un’interazione dinamica con la canvas: l’utente può influenzare l’ora del giorno muovendo il mouse e può far crescere dei cespugli sul prato con un click.

SCOMPOSIZIONE LOGICA:

1. Background: Uso della funzione lerpColor() mappata sulla coordinata Y del mouse per creare una sfumatura dinamica che passa dall’azzurro al blu notte.
2. Sole: Elemento che varia posizione, dimensione e colore in base al movimento del mouse, simulando graficamente il ciclo del tramonto.
3. Montagne e Colline: Disegno di forme geometriche (triangoli) stratificate con diverse tonalità per creare profondità atmosferica.
4. Animazione: Uso di frameCount per spostare icone emoji da destra a sinistra, simulando il transito di un convoglio ferroviario.
5. Cespugli: Utilizzo di un array per memorizzare le coordinate e i colori di ogni cespuglio; attraverso la funzione “mousePressed”, vengono aggiunti nuovi oggetti all’array in modo permanente, permettendo la persistenza del disegno.

USO AI: Ho usato Gemini per correggere la logica di archiviazione dei dati nell’array. Il prompt chiave è stato: “In p5.js, come posso salvare la posizione e il colore di un elemento disegnato al click del mouse dentro un array per non farlo scomparire nel frame successivo?”