( caso studio /20 )R&D · WebGL

Villa SpettraleWebGL immersivo

Il secondo esperimento WebGL: una villa misteriosa in stile Famiglia Addams come contenitore narrativo — con CMS headless, sound design e post-processing cinematografico.

CMScontenuti da Sanity
10tracce di sound design
postprocessing cinematografico
/01

La domanda di ricerca

Dopo aver esplorato la fluidità (Oltre le Nuvole), la seconda domanda: quanto lontano si può portare l'atmosfera? Il tema scelto: una villa misteriosa, elegante e ironica — Famiglia Addams, non horror.

/02

L'esperienza

Una lettera d'invito che brucia apre il percorso. Poi un corridoio di ritratti che seguono lo sguardo del visitatore, la galleria dei progetti come quadri animati, la biblioteca dei grimori per i contenuti, una soffitta in volo notturno e — al posto del modulo contatti — una seduta spiritica. Un gatto nero fa da guida. Ogni ambiente ha il suo sound design: dieci tracce, cursori custom, dettagli ovunque.

/03

Sotto il cofano e lezioni

React Three Fiber con post-processing cinematografico, contenuti gestiti da CMS headless (Sanity) — i testi si aggiornano senza toccare il codice — analytics di prodotto con PostHog e form via Web3Forms. L'architettura parte da una base open-source MIT, con texture e audio rigenerati da zero. La lezione principale: luci, post-processing e audio contano più dei poligoni — l'atmosfera è regia, non potenza. Competenze che confluiscono in ogni esperienza immersiva che progettiamo.

/ST

Scheda tecnica

React Three Fiber@react-three/postprocessingSanity CMSPostHogWeb3FormsVercel