Giulia Gobbato – Generative Landscape

/* OBIETTIVO VISIVO

L’obiettivo era di creare una città stile cyberpop con uno scorrimento orizzontale continuo in loop di grattacieli di svariate altezze; per conferire un senso di realismo le varie finestre sono di varia colorazione che si spengono e riaccendono, il tutto contornato da un tramonto con il cielo pieno di stelle.

/* SCOMPOSIZIONE LOGICA

1. Background : Creato una sfumatura Sfumatura da blu a viola usando lerp();
2. Stelle : Con randomSeed si ha un generatore randomico di stelle con luminosità e grandezza variabile;
3. Sole : Creazione di un’ellisse con centro il centro del canvas colorato con gradient con fill;
4. Sfumatura del tramonto : Creazione di un ciclo con 6 cerchi che si rimpiccioliscono in maniera costante e fill gradient tramite lerp();
5. Finestre : usando sempre il noise per avere un valore variabile fa si che più della metà delle finestre sia sempre accesa, usando gli if ho conferito 3 variazioni di colore alle finestre accese;
6. Modulo edifici : sovrapposizione di 4 rettangoli mettendo if(), else if() e else() per disporli;
7. Bordo edifici : con un bordo NoFill (effetto neon) sono andata a contornare tutti i rettangoli per far risaltare i grattacieli;
8. Ombra edifici : è stato creato un blocco edifici semitrasparenti (40%) ed è più lento del blocco principale (“-offsetX * 0.35” = 35% della velocità del blocco principale);
9. Animazione : Usando push() e pop() si garantisce il continuo scorrimento dei blocchi edificio.

/* USO AI

Ho utilizzato Claude AI per capire come usare i vari parametri per definire le misure delle finistre all’interno del singolo edificio e casualità di apparizione delle finestre con variazione di colorazione e ottimizzare il lerp() per la colorazione del gradiente del sole e del background.