Loo Whitestorm.js-ga 3D veebirakendused ja -graafika
Veebimängud on tänu tänasele kaugele jõudnud WebGL ja seotud HTML5 API-d. Kõige olulisem avatud lähtekoodiga 3D raamatukogu on Three.js.
Kuigi Three.js on võimas, on see ka keeruline õppida nullist. Selle asemel saate korja Whitestorm.js, 3D-veebi graafika jaoks loodud avatud lähtekoodiga raamistik. See kasutab Three.js kui aluseks olev tehnoloogia, mis aitab teil kiiremini ehitada ja luua realistlikke 3D-efekte brauseris.
Whitestorm kaasas oma oma füüsika mootor kolmekordse renderdamise peal. See võimaldab luua realistlikku raskusastet ja muid sarnaseid efekte objektide puhul suhelda ja üksteisele vastata.
Ja Whitestorm on täiesti modulaarne, nii et teil on täielik kontroll selle üle, millised funktsioonid lehele laaditakse. See kasutab Bullet Physics raamatukogu kaasas JavaScripti täielik toetus veebis.
Siin on koodipõhine koodilõik loob uue Three.js-keskkonna kasutades Whitestorm.
const app = new WHS.App ([uus WHS.app.ElementModule (), // lisa DOM-ile uus WHS.app.SceneModule (), // loob THREE.Scene näiteks uue WHS.app.CameraModule (), // loob PerspectiveCamera näiteks uue WHS.app.RenderingModule () // loob WebGLRendereri näiteks]); app.start (); // animatsiooni käivitamine
Sa võid loomulikult lisage oma moodulid ja isegi luua pluginaid / komponente ehitatud vaikimisi raamatukogu. JS-kood toetab ECMAScript 6 ning peaks toetama kõiki eelseisvaid keele muudatusi.
Geomeetria, Füüsika, ja liikumist kõik rullitakse üheks raamatukoguks. Whitestorm on veebi 3D-animatsiooni tulevik.
Leiad palju proovi koode koos GitHub repoga allalaadimise lingid ja a failibrauser. Hoiatage, et raamatukogu on suur nii et seal on palju läbi minna. Isegi dokumentatsioonil on pikad õpetused algajatele.
Kuid nende dokumentidega saate õppida kõike 3D-teisendused kuni silumine ja detailne 3D-animatsioon.
Lisateabe saamiseks külastage peamist saiti ja sirvige mõningaid elavaid näiteid vaata Whitestormit. Kui olete piisavalt julged sukelduma, siis laadige alla raamatukogu koopia GitHubilt või npm kaudu ja alustage mõnede magusate 3D-veebirakenduste loomist.