Opret 3D Web Apps & Graphics med Whitestorm.js
Webspil er kommet langt, takket være WebGL og relaterede HTML5 API'er. Det mest fremtrædende open source bibliotek til 3D er Three.js.
Mens Three.js er kraftfuld, er det også kompleks at lære fra bunden. I stedet kan du hent Whitestorm.js, en open source ramme lavet til 3D web grafik. Det bruger Three.js som en underliggende teknologi, der hjælper dig med at opbygge hurtigere og skabe realistiske 3D-effekter i browseren.
Whitestorm kommer med sin egen fysik motor bygget oven på Three.js rendering. Dette giver dig mulighed for at skabe realistisk tyngdekraft og andre lignende effekter, hvor objekter Interagere og reagere på hinanden.
Og Whitestorm er helt modulære, så du har fuld kontrol over, hvilke funktioner der indlæses i siden. Det bruger Bullet Physics bibliotek indført i JavaScript for fuld støtte på internettet.
Her er et grundlæggende kodestykke der skaber et nyt Three.js miljø ved hjælp af Whitestorm.
const app = ny WHS.App ([ny WHS.app.ElementModule (), // vedhæft til DOM ny WHS.app.SceneModule (), // opretter THREE.Scene eksempel ny WHS.app.CameraModule (), // skaber PerspectiveCamera instans ny WHS.app.RenderingModule () // opretter WebGLRenderer instans]); app.start (); // køre animation
Du kan naturligvis Tilføj dine egne moduler og endda Opret plugins / komponenter bygget af standardbiblioteket. JS-koden understøtter ECMAScript 6 og skal understøtte alle kommende ændringer til sproget.
Geometri, fysik, og bevægelse alle rullet ind i et bibliotek. Whitestorm er virkelig fremtiden for 3D animation til internettet.
Du kan finde masser af prøvekoder i GitHub repo sammen med download links og a filbrowser. Vær advaret biblioteket er kæmpe stor så der er meget at gå igennem. Selv dokumentationen har lange tutorials for begyndere.
Men med disse dokumenter kan du lære alt fra 3D-transformer til debugging og detaljeret 3D animation.
Hvis du vil vide mere, skal du besøge hovedsiden og gennemse nogle levende eksempler til se Whitestorm i aktion. Hvis du er dristig nok til at dykke ind, skal du downloade en kopi af biblioteket fra GitHub eller via npm og start med at lave nogle søde 3D web apps.