Three.js è molto più di una libreria JavaScript.
Three.js è un programma applicativo Open Source utile per creare Rendering 3D direttamente su web. È molto versatile e lo si può usare per molti progetti diversi come grafici, modelli 3D, animazioni e perfino videogiochi.
È compatibile con tutti i browser più moderni e, per farlo funzionare al meglio, bisogna scaricare alcune API come quelle di WebGL.
Three.js compatibilità con Blender
È possibile importare in Three.js i contenuti realizzati con altri programmi, primo fra tutti Blender. Infatti JavaScript Blender è perfettamente supportato dal programma, permettendo all’utente di lavorare con maggiore comodità. Grazie alla collaborazione tra queste due piattaforme qualunque Blender Artist può realizzare animazioni, scene o altro su Blender, per poi integrarle con facilità su pagine Internet attraverso Three.js.
Per importare i progetti occorre prima convertirli in file glTF. Con questa tecnica si possono spostare senza problemi Animazioni Blender, HTML Modelli 3D e molto altro.
Una volta fatto questo, i contenuti possono essere modificati a proprio piacimento direttamente su Three.js e poi inseriti in tutte le pagine web che si desidera.
Blender Add-Ons di Three.js
Esistono molti Plugin Blender Three.js disponibili per questo programma (si può trovare la lista completa sul sito ufficiale di Three.js.
I plugin sono suddivisi in base alla loro funzione, ma i più popolari servono ad avere opzioni più vaste in fatto di: postproduzione; geometria, layout e testi 3D, cinematica inversa e addirittura per supportare più formati di file.
Alcuni Add-ons molto importanti riguardano invece Blender: questi permettono di esportare rapidamente su Three.js i progetti creati su Blender.
Texture e Materiali in Three Js da Blender
Quando si esporta un progetto da un programma all’altro (in determinati formati), generalmente il file mantiene Texture Blender Three.js già mappate. L’impostazione standard si chiama UVMapping, che però può essere modificata in qualunque momento grazie all’ampia scelta di funzionalità disponibili.
Il programma dispone anche di modelli e formati predefiniti a cui ispirarsi, oltre a diversi filtri per minimizzare o massimizzare gli effetti desiderati.
Se invece sono texture procedurali è bene seguire questa guida per eseguire il bake delle texture.
Corso Three JS
Ci sono diversi corsi Online su Udemy, tra i migliori corsi presenti Online è:
The Best Way to Learn Three.js
Purtroppo in Inglese ne sottotitolato in Italiano, ma veramente ben fatto, interessante il portfolio e sito personale del ealizzatore del corso Bruno Simon.
Alternative a Three JS
Tra le alternative di Three JS open source:
Alcuni di essi verticalizzati sul Game Engine