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 · webgl

Spirali meditative

Geometrie spiraliformi che respirano e si avvolgono. Ipnotiche per davvero: ottime da lasciare in sottofondo.

three.js · particles

Storm

Una tempesta di particelle ed energia: migliaia di punti che si muovono come un sistema atmosferico in miniatura.

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 · 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.