Negli ultimi anni il 3D interattivo è entrato nella nostra quotidianità digitale.
Lo troviamo ad esempio negli shop online dove è possibile ruotare un prodotto o personalizzarlo, modificando colori e materiali, ma anche in contesti più avanzati come il gemello digitale utilizzato in azienda per simulazioni delle meccaniche di prodotto e come supporto per il training tecnico.
Se vuoi approfondire puoi leggere l’articolo dedicato agli esempi pratici di utilizzo del 3D interattivo.
Tutto questo è possibile grazie a due tecnologie fondamentali: glTF (e la sua variante glb) e WebGL. In questo articolo vedremo in modo semplice come funzionano e perché sono così importanti per chi lavora nel digitale.
Cosa Significa glTF
glTF (GL Transmission Format) è uno standard per modelli 3D pensato specificamente per il web. Permette di esportare modelli 3D in un formato leggero e veloce da caricare online mantenendo un’alta qualità visiva. Cosa contiene?
materiali PBR
texture
luci
animazioni multiple
Cos’è il Formato glb
glb è la versione binaria del formato glTF. In pratica significa che “tutto” è contenuto in un unico file compatto: modello, materiali, texture e animazioni.
Questo rende il formato più veloce da caricare nei siti web e per questo motivo quando si parla di 3D interattivo sul web il formato glb è la scelta preferita.
Cos’è WebGL
WebGL è la tecnologia che permette di visualizzare grafica 3D direttamente nel browser senza plugin o installazioni aggiuntive perché sfrutta la scheda grafica del dispositivo. In questo modo le esperienze interattive sono accessibili in tempo reale.
Vantaggi
formato interoperabile di scambio perché non dipende da una specifica software house
leggerezza e qualità grafica
esperienze molto simili a quelle reali direttamente online.
Se vuoi approfondire puoi leggere l’articolo dedicato al learning by doing.
Workflow del 3D interattivo
1
Il modello 3D viene creato con un software
ed esportato nel formato glb.
2
Il file glb viene caricato in un server FTP.
3
Una pagina html richiama il file glb .
4
WebGL si occupa di visualizzarlo nel browser.
Delle liberie, es.threejs, lo rendono interattivo nel browser.
5
L’utente può esplorare e interagire con il modello.
Vuoi Creare Esperienze 3D Interattive da zero?
Inizia subito con la Playlist Gratuita che trovi sul canale Youtube.
Se invece vuoi un percorso su misura chiedi informazioni sui
Qui sotto trovi un esempio di 3D interattivo. Clicca sopra e tenendo premuto il tasto sinistro del mouse muovilo per ruotare il modello o usa la rotella per effettuare lo zoom.
Leave a Reply