Ustvarite 3D spletne aplikacije in grafiko s programom Whitestorm.js

Spletne igre zahvaljujoč WebGL in sorodni API-ji HTML5. Najpomembnejša odprtokodna knjižnica za 3D je Three.js.

Medtem ko je Three.js močan, je tudi za učenje iz nič. Namesto tega lahko poberi Whitestorm.js, odprtokodni okvir za 3D spletno grafiko. To uporablja Three.js kot osnovna tehnologija, ki vam pomaga pri hitrejši gradnji in ustvarjanju realističnih 3D učinkov v brskalniku.

Whitestorm prihaja s svojim lastni fizikalni motor zgrajen na osnovi upodabljanja Three.js. To vam omogoča ustvarjanje realistične gravitacije in drugih podobnih učinkov pri objektih interakcijo in odzivanje drug na drugega.

In Whitestorm je popolnoma modularna, tako imate popoln nadzor nad tem, katere funkcije se naložijo na stran. Uporablja Knjižnica fizike Bullet preneseno v JavaScript za polno podporo na spletu.

Tukaj je osnovni odrezek kode, ki ustvari novo okolje Three.js z uporabo Whitestorm.

 const app = new WHS.App ([novo WHS.app.ElementModule (), // pripni novo DOM-u WHS.app.SceneModule (), // ustvarja nov primer THREE.Scene WHS.app.CameraModule (), // ustvarja nov primer PerspectiveCamera WHS.app.RenderingModule () // ustvari primer WebGLRenderer]); app.start (); // izvajamo animacijo 

Lahko seveda dodajte svoje lastne module in celo ustvarite vtičnike / komponente zgrajena iz privzete knjižnice. Koda JS podpira ECMAScript 6 in naj podpira vse prihajajoče spremembe jezika.

Geometrija, fizike, in gibanje vse v eni knjižnici. Whitestorm je resnično prihodnost 3D animacije za splet.

Lahko najdeš veliko vzorčnih kod skupaj z GitHub repo povezave za prenos in a brskalnik datotek. Bodite opozorjeni, da je knjižnica ogromno tako da je treba veliko iti skozi. Tudi dokumentacija ima dolge vaje za začetnike.

Toda s temi dokumenti se lahko naučite vsega 3D transformacije do razhroščevanje in podrobna 3D animacija.

Če želite izvedeti več, obiščite glavno spletno mesto in prebrskajte nekaj primerov v živo glej Whitestorm v akciji. Če ste dovolj drzni, da se potopite, prenesite kopijo knjižnice od GitHub ali prek npm in začnite ustvarjati nekaj sladkih 3D spletnih aplikacij.