WEB_PAGE

OLIVIA
BENEDETTI
INTRODUZIONE

Questo sito web è stato realizzato interamente in HTML, CSS e JavaScript come esercizio di sperimentazione tra struttura, interazione e movimento. L’obiettivo non era creare animazioni complesse, ma costruire un linguaggio visivo dinamico partendo da soluzioni basilari, lavorando direttamente sul codice. Le animazioni presenti nascono dall’uso di transizioni CSS, pseudo-classi come :hover e semplici funzioni JavaScript che reagiscono all’interazione dell’utente, come il movimento del cursore o il passaggio del mouse sugli elementi.






DESCRIPTION
& INTERACTION

Nel primo caso il codice sfrutta il contesto WEBGL per creare un’animazione tridimensionale composta da una griglia di cubi che ruotano e pulsano nello spazio grazie a funzioni matematiche sinusoidali, con luci e interazione del mouse che permettono di esplorare la scena in modo dinamico. Nel secondo esempio, invece, l’animazione è bidimensionale e si basa sull’uso del Perlin noise, una funzione che genera variazioni fluide e organiche, per creare onde che si muovono continuamente sullo schermo e reagiscono ai movimenti del mouse. In entrambi i casi il codice dimostra come algoritmi matematici, input interattivi e rendering grafico possano essere combinati per produrre visualizzazioni animate, astratte e in costante trasformazione.