USTA

Per la realizzazione del nostro sito web, abbiamo scelto di implementare la libreria Three.js, una risorsa open-source basata su JavaScript, costruita su WebGL. Questa libreria semplifica notevolmente lo sviluppo di grafica 3D interattiva all'interno del browser senza richiedere l'installazione di plugin aggiuntivi.

IL CONCEPT

L'obiettivo era creare un'esperienza unica, combinando creatività e competenze tecniche avanzate. Abbiamo iniziato con l'idea di animare oggetti e/o testi in modo dinamico, trasformando la loro forma durante lo scorrimento della pagina. Lobiettivo era creare una narrazione estetica alternativa mostrando le potenzialità dello strumento 3D.

ThreeJS

La scelta di Three.js è stata motivata dalla sua capacità di semplificare, appunto, la programmazione 3D e di fornire un set completo di strumenti per la creazione di scene, oggetti e animazioni.

La flessibilità di utilizzare la libreria Three.js apre le porte a innumerevoli possibilità di applicazioni creative e narrative, estendendo il suo impatto ben al di là del nostro contesto specifico. Questa approccio non è vincolato a un singolo ambito, ma può essere trasformato e personalizzato per adattarsi a una vasta gamma di scenari e esigenze, sottolineando la sua capacità di fornire soluzioni coinvolgenti e visivamente accattivanti in molteplici contesti.

LO SVILUPPO

Sulla base di quanto illustrato nel concept, siamo passati alla fase di sviluppo grafico esplorando diverse modalità di visualizzazione degli elementi. Tra le svariate opzioni, abbiamo selezionato una modalità che permettesse la descrizione degli oggetti in forma particellare, un'opzione che non solo si è dimostrata esteticamente accattivante, ma ha anche consentito un approccio creativo sia in termini di animazione che di interazione sugli oggetti.

Questa scelta è risultata vantaggiosa non solo dal punto di vista visivo ma anche in termini di flessibilità creativa. Integrando il lavoro grafico con le prove tecniche successive, focalizzate sull'interattività degli oggetti, sia in relazione al movimento del mouse che allo scorrimento della pagina con l'apparizione dei testi, abbiamo ottenuto il risultato attualmente visibile online. L'interazione dinamica degli elementi, unita a una presentazione in forma particellare, ha permesso di creare un'esperienza online coinvolgente che riflette il nostro approccio innovativo e creativo.