1. OBIETTIVO VISIVO:
Realizzare un paesaggio artico notturno dinamico. L’elemento centrale è l’aurora boreale, rappresentata da scie luminose verticali che danzano organicamente, reagendo nel colore alla posizione del mouse. Sono presenti anche elementi statici: le montagne e le stelle nel cielo.
2. SCOMPOSIZIONE LOGICA:
- Background: Colore blu notte profondo impostato nel draw per pulire il frame.
- Stelle: Ciclo “for” che posiziona 80 punti bianchi. Ho utilizzato la funzione randomSeed() per bloccare la casualità e renderle statiche ad ogni frame.
- Aurora Boreale (Funzione Custom): Ho creato la funzione “drawAurora(yBase, col, maxLen, intensity)”, che viene chiamata 3 volte con diversi parametri per creare profondità nel mid-ground.
Il movimento è gestito dal Perlin Noise, mentre la lunghezza varia con un secondo noise.
- Interattività: Utilizzo della funzione map() per legare la coordinata mouseX alla tonalità HSB, permettendo all’utente di cambiare il colore dell’aurora in tempo reale.
- Montagne: Silhouette nera in foreground realizzata con beginShape() e vertex() per chiudere la composizione visiva.
3. USO AI:
Ho utilizzato Gemini per ottimizzare l’architettura dello sketch, ottenendo una struttura modulare basata su funzioni custom. L’AI è stata fondamentale per implementare il Perlin Noise in modo che la danza dell’aurora risultasse fluida e naturale, superando la caoticità della funzione random(). Abbiamo collaborato per invertire l’orientamento delle linee (ancorandole in basso) e per integrare il sistema HSB, facilitando la gestione dinamica del colore.
Prompt principale: “Aiutami a creare delle funzioni custom in p5.js per disegnare un paesaggio con stelle fisse, montagne statiche e un’aurora boreale fatta di linee verticali animate con il noise che salgono verso l’alto e cambiano colore in base alla posizione del mouse”.

Lascia un commento
Devi essere connesso per inviare un commento.