Three.js
3D Graphic Library
Simone Fornaciari – Federico Zucchi
Three.js
●
●
●
Three.js è una libreria JavaScript utilizzata per creare e
visualizzare animazioni tridimensionali (3D) .
Questa libreria viene integrata a HTML5 Canvas ,SVG o
WebGL.
Grazie a questa libreria è possibile creare:
oggetti,camere,luci,materiali ecc... i quali descriveranno la
scena in cui ci troviamo.
GPU
●
●
Three.js consente di creare animazioni 3D senza servirsi di plugin del browser
Essa sfrutta la GPU per la visualizzazione elementi 3D
alleggerendo il carico di lavoro della CPU
Browser
●
●
Non tutti i browser supportano le WebGL, fortunatamente è
possibile utilizzare il canvas di HTML5.
Nella slide successiva sono indicati i browser e i relativi supporti
a Canvas, WebGL e SVG.

Three.js include le seguenti caratteristiche:
●
Renderers: Canvas, SVG e WebGL.
●
Effetti: anaglifi, strabico e la barriera di parallasse.
●
Scene: aggiungere e rimuovere oggetti in fase di esecuzione; nebbia
●
Fotocamere: prospettiva e ortogonale; Controller: trackball, FPS , il percorso e più
●
Animazione: armature, cinematica avanti , cinematica inversa , morphing e keyframe
●
Luci: ambient, di direzione, di punti e luci spot; ombre: espressi e ricevere
●
Materiali: Lambert , Phong shading, liscio, texture e altro
●
Shaders: accesso a tutte le OpenGL Shading Language ( GLSL funzionalità): lens flare , passa la
profondità e la vasta libreria di post-processing
●
Oggetti: maglie, particelle, sprite, linee, nastri, ossa e altro ancora - tutto con Livello di dettaglio
●
Geometria: aereo, cubo, sfera, toro, testo 3D e altro; modificatori: tornio, estrusione e il tubo
●
Pale dati: binario, immagine, JSON e la scena
●
●
●
●
Utilities: set completo di tempo e le funzioni matematiche in 3D, tra cui tronco di cono , Matrice,
quaternione , UV e molto altro
Esportazione ed importazione: utility per creare file JSON compatibili Three.js dall'interno: Blender ,
openCTM , FBX , Max , e OBJ
Supporto: documentazione API è in costruzione, forum pubblico e wiki in piena attività
Esempi: Oltre 150 file di codifica esempi più tipi di carattere, modelli, texture, suoni e altri file di
supporto
Camera