Luo 3D-Web-sovellukset ja -grafiikka Whitestorm.js n avulla

Web-pelit ovat tulleet pitkän matkan ansiosta WebGL ja liittyvät HTML5-sovellusliittymät. Tärkein 3D-avoimen lähdekoodin kirjasto on three.js.

Vaikka Three.js on tehokas, se on myös monimutkainen oppia tyhjästä. Sen sijaan voit poista Whitestorm.js, avoimen lähdekoodin kehykset, jotka on tehty 3D-web-grafiikoille. Se käyttää Three.js taustalla oleva tekniikka, jonka avulla voit rakentaa nopeammin ja luoda realistisia 3D-tehosteita selaimessa.

Whitestorm mukana oma fysiikka rakennettu Three.js-renderoinnin päälle. Tämän avulla voit luoda realistista painovoimaa ja muita vastaavia vaikutuksia kohteisiin vuorovaikutuksessa ja vastata toisiinsa.

Ja Whitestorm on täysin modulaarinen, joten sinulla on täysi määräysvalta, mitkä ominaisuudet ladataan sivulle. Se käyttää Bullet Physics -kirjasto siirretty JavaScriptiin täysi tuki verkossa.

Tässä on peruslohko koodia luo uuden Three.js-ympäristön käyttäen Whitestormia.

 const app = new WHS.App ([uusi WHS.app.ElementModule (), // liitä DOM uuteen WHS.app.SceneModule (), // luo THREE.Scene esimerkiksi uuden WHS.app.CameraModule (), // luo PerspectiveCamera-esimerkin uuden WHS.app.RenderingModule () // luo WebGLRenderer-esimerkin]); app.start (); // ajaa animaatiota 

Voit luonnollisesti lisää omia moduuleja ja jopa luoda lisäosia / komponentteja rakennettu pois oletuskirjastosta. JS-koodi tukee ECMAScript 6: ta ja tuettava kaikkia tulevia kielen muutoksia.

Geometria, fysiikka, ja liike kaikki rullattiin yhteen kirjastoon. Whitestorm on todella 3D-animaation tulevaisuus verkossa.

Voit löytää paljon näytekoodeja GitHub-repossa yhdessä lataa linkkejä ja a Tiedostoselain. Varoitetaan, että kirjasto on valtava joten on paljon mennä läpi. Jopa dokumentaatio on pitkä opetusohjelma aloittelijoille.

Mutta näiden asiakirjojen avulla voit oppia kaiken 3D-muunnokset että virheenkorjaus ja yksityiskohtainen 3D-animaatio.

Saat lisätietoja tutustumalla pääsivustoon ja selaamalla joitakin live-esimerkkejä katso Whitestorm toiminnassa. Jos olet tarpeeksi rohkea sukeltamaan, lataa sitten kopio kirjastosta GitHubilta tai npm: n kautta ja aloita makeiden 3D-web-sovellusten luominen.