Crea applicazioni Web 3D e grafica con Whitestorm.js
Giochi Web ha fatto molta strada grazie a WebGL e API HTML5 correlate. La più importante libreria open source per 3D è Three.js.
Anche se Three.js è potente, lo è anche complesso da imparare da zero. Invece, puoi raccogliere Whitestorm.js, un framework open source realizzato per la grafica web 3D. esso usa Three.js come tecnologia sottostante per aiutarti a costruire più velocemente e creare effetti 3D realistici nel browser.
Whitestorm viene con il suo proprio motore fisico costruito sopra il rendering di Three.js. Questo ti consente di creare una gravità realistica e altri effetti simili in cui oggetti interagire e rispondere l'un l'altro.
E Whitestorm è completamente modulare, in modo da avere il pieno controllo su quali funzionalità vengono caricate nella pagina. Usa il Libreria Bullet Physics portato in JavaScript per pieno supporto sul web.
Ecco uno snippet di codice di base crea un nuovo ambiente Three.js usando Whitestorm.
const app = new WHS.App ([nuovo WHS.app.ElementModule (), // collega al DOM new WHS.app.SceneModule (), // crea l'istanza THREE.Scene new WHS.app.CameraModule (), // crea l'istanza di PerspectiveCamera new WHS.app.RenderingModule () // crea l'istanza di WebGLRenderer]); app.start (); // esegue l'animazione
Puoi naturalmente aggiungi i tuoi moduli e persino creare plugin / componenti costruito fuori dalla libreria predefinita. Il codice JS supporta ECMAScript 6 e dovrebbe supportare tutte le prossime modifiche alla lingua.
Geometria, fisica, e movimento tutto arrotolato in una libreria. Whitestorm è davvero il futuro dell'animazione 3D per il web.
Potete trovare un sacco di codici di esempio nel repository GitHub insieme a link per il download e a browser di file. State attenti che la biblioteca è enorme quindi c'è molto da fare. Anche la documentazione ha lunghi tutorial per principianti.
Ma con quei documenti, puoi imparare tutto da Trasformazioni 3D a debug e animazione 3D dettagliata.
Per ulteriori informazioni, visitare il sito principale e sfogliare alcuni esempi dal vivo per vedi Whitestorm in azione. Se sei abbastanza audace da immergerti, scarica una copia della biblioteca da GitHub o via npm e inizia a creare alcune dolci applicazioni web 3D.