OBIETTIVO VISIVO Ho cercato di realizzare un paesaggio urbano dinamico composto da palazzi statici, il dinamico passaggio della luna accompagnato dal cielo che si sfuma e un passaggio dinamico e interattivo di un ufo tra i palazzi.
SCOMPOSIZIONE LOGICA: 1. creazione dello sfondo: sfumatura creata con variabili let e comando lerpColor, luna movimentata grazie al comando if and else e map. 2. creazione dei palazzi statici, usato i cicli for per creare le finestre e renderle più facilmente variabili. 3. creazione dell’UFO, ho provato ad usare un effetto PacMan per cui entra ed esce dallo schermo usando variabili di velocità e i comandi if e else. Ho aggiunto una funzione MousePressed oer renderlo più interattivo. Prima di tutto ho creato però le variabili globali per ogni elemento per determinare i punti di partenza dei miei oggetti.
USO AI: lungo la scrittura del codice ho inserito i momenti in cui Gemini mi ha aiutato a ricreare il mio obiettivo visivo, soprattutto per quanto riguarda calcoli di posizione e di numeri. Ho sviluppato il codice suddividendoli in file differenti a seconda del soggetto e li ho uniti in seguito. Gemini mi ha aiutato ad unirli per assicurarmi di non avere ripetizioni o oggetti sovrapposti. Allego il prompt inviato: “ciao sto realizzando un animazione dinamica di un landscape per il corso di informatica per il design. Si tratta di un animazione variabile nel tempo in cui succede qualcosa riguardante un paesaggio. Nel mio caso sono dei palazzi dove dietro si muove la luna con la quale cambia il colore dello sfondo e sopra i palazzi passa un ufo che torna indietro quando si clicca il mouse. Per creare ciò ho creato tre pezzi di codice separati in p5.js: uno per lo sfondo dei grattacieli, uno per la luna che si muove e lo sfondo sfumato e uno per un UFO che vola. Adesso vorrei unirli in un’unica scena completa. Aiutami a organizzare le variabili globali all’inizio per non fare confusione e rendere il codice più chiaro possibile. Spiegami come inserire i tre blocchi di codice dentro un unico draw(), mantenendo l’ordine corretto dei livelli (non voglio che la luna passi sopra i palazzi o l’ufo sotto i palazzi, la gerarchia deve essere chiara).
https://editor.p5js.org/Giulia_Lupez/sketches/zparkMNIn
Lascia un commento
Devi essere connesso per inviare un commento.