Crea aplicaciones web y gráficos en 3D con Whitestorm.js

Juegos web han recorrido un largo camino gracias a WebGL y API HTML5 relacionadas. La biblioteca de código abierto más prominente para 3D es Tres.js.

Mientras que Three.js es poderoso, también es complejo para aprender desde cero. En su lugar, puedes recoger Whitestorm.js, Un marco de código abierto hecho para gráficos web en 3D. Eso utiliza Three.js como tecnología subyacente para ayudarlo a construir más rápido y crear efectos 3D realistas en el navegador.

Whitestorm viene con su propio motor de física construido en la parte superior de la representación de Three.js. Esto le permite crear una gravedad realista y otros efectos similares donde los objetos interactuar y responder unos a otros.

Y Whitestorm es completamente modular, para que tenga control total sobre qué características se cargan en la página. Utiliza el Biblioteca de física de balas portado en JavaScript para soporte completo en la web.

Aquí hay un fragmento básico de código que crea un nuevo entorno Three.js utilizando Whitestorm.

 const app = new WHS.App ([nuevo WHS.app.ElementModule (), // adjuntar a DOM nuevo WHS.app.SceneModule (), // crea THREE.Scene instancia nueva WHS.app.CameraModule (), // crea la nueva instancia de PerspectiveCamera WHS.app.RenderingModule () // crea la instancia de WebGLRenderer]); app.start (); // ejecuta la animación 

Usted puede naturalmente añade tus propios módulos e incluso crear complementos / componentes construido a partir de la biblioteca por defecto. El código JS apoya ECMAScript 6 y debe apoyar todos los próximos cambios en el idioma.

Geometría, física, y movimiento todo en una sola biblioteca. Whitestorm realmente es el futuro de la animación 3D para la web..

Puedes encontrar muchos códigos de muestra en el repositorio de GitHub junto con descargar enlaces y un explorador de archivos. Se advierte que la biblioteca es enorme así que hay mucho que pasar. Incluso la documentación tiene tutoriales largos para principiantes.

Pero con esos documentos, puedes aprender todo de Transformaciones 3D a Depuración y animación 3D detallada..

Para obtener más información, visite el sitio principal y explore algunos ejemplos en vivo para ver Whitestorm en acción. Si te atreves a sumergirte, descarga una copia de la biblioteca. de GitHub o a través de npm y comienza a crear algunas aplicaciones web en 3D dulces.