three.js · webgl
Spirali meditative
Geometrie spiraliformi che respirano e si avvolgono. Ipnotiche per davvero: ottime da lasciare in sottofondo.
Home / Lab
Lab grafico
Il meglio della grafica nel browser, da toccare.
Una selezione di esperimenti con le librerie grafiche del web — Three.js, anime.js, canvas puro. Niente video registrati: girano in tempo reale nel tuo browser, reagiscono a mouse, tocco e movimento. Apri, gioca, torna indietro. Funzionano meglio a schermo intero. Da qui in poi sono divisi in due gruppi: quelli pensati per lo schermo e quelli ottimizzati per il visore (WebXR, ad esempio Meta Quest).
Richiedono un browser moderno con WebGL. Su mobile potrebbero scaldare un po' il telefono — è normale.
Nel browser
Esperimenti pensati per lo schermo: bastano un browser moderno con WebGL, un mouse o un dito.
three.js · shader · bloom
Storm
Una tempesta in tempo reale: nuvole volumetriche su shader, fulmini ramificati che illuminano cielo, pioggia e terreno bagnato, tuoni sintetizzati.
three.js · anime.js
Caduta infinita
La sensazione di precipitare senza fine in un tunnel che si rigenera. Movimento ipnotico ed espansivo.
canvas · zero dipendenze
Effetto ipnotico
Pattern audio-visivi che giocano con la percezione, disegnati su canvas puro: nessuna libreria esterna, solo matematica e ritmo.
Per il visore
Esperienze immersive WebXR, ottimizzate per Meta Quest: apri questa pagina nel browser del visore e premi «Entra in VR». Funzionano comunque anche su schermo, in versione 3D normale.
three.js · webxr · shaderVR
Abissi
Duecento metri sotto la superficie, dove arriva ancora un filo di luce: meduse bioluminescenti, coni di luce che ondeggiano, neve marina, alghe e la sagoma di una balena che passa nella foschia. Ti sposti puntando il fondale e sali o scendi con lo stick.
three.js · webxr · shaderVR
Aurora
Notte su un lago ghiacciato: tende di aurora che ondeggiano sopra la testa e si riflettono sul ghiaccio, montagne all’orizzonte, neve, vento e scricchiolii in audio spaziale. Ci si sposta a teletrasporto, puntando dove atterrare.
three.js · webxrVR
Spazio profondo
Immersione nello spazio: galassie a spirale in alta definizione che ruotano davvero, comete, pulsar e nebulose. Voli con i controller, regoli densità, luminosità e velocità dal pannello impostazioni.
three.js · webxrVR
Cosmo
Un viaggio dentro un universo di stelle e nebulose generato in tempo reale: galassia, buco nero, sistema solare e meteore. Ruota, esplora, perditi — con il trigger del controller cambi scenario.
Questi sono i miei preferiti, scelti e ripuliti su molti altri tentativi. Ne aggiungerò man mano. Hai un effetto che vorresti vedere? Proponimelo.