es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


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

Los juegos web han recorrido un largo camino gracias a WebGL y las API HTML5 relacionadas . La biblioteca de código abierto más destacada para 3D es Three.js .

Si bien Three.js es poderoso, también es complejo aprender desde cero . En cambio, puede elegir Whitestorm.js, un marco de código abierto creado para gráficos web en 3D. Utiliza Three.js como una tecnología subyacente para ayudarte a construir más rápido y crear efectos 3D realistas en el navegador.

Whitestorm viene con su propio motor de física construido sobre la representación de Three.js. Esto le permite crear gravedad realista y otros efectos similares donde los objetos interactúan y responden entre sí .

Y Whitestorm es completamente modular, por lo que tiene control total sobre las funciones que se cargan en la página. Utiliza la biblioteca Bullet Physics portada en JavaScript para obtener 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 ([new WHS.app.ElementModule (), // adjuntar a DOM new WHS.app.SceneModule (), // crea THREE.Scene instancia new WHS.app.CameraModule (), // crea la instancia de PerspectiveCamera new WHS.app.RenderingModule () // crea la instancia de WebGLRenderer]); app.start (); // ejecutar animación 

Naturalmente, puede agregar sus propios módulos e incluso crear complementos / componentes creados a partir de la biblioteca predeterminada. El código JS es compatible con ECMAScript 6 y debe admitir todos los cambios futuros en el idioma.

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

Puede encontrar muchos códigos de muestra en el repositorio de GitHub junto con enlaces de descarga y un buscador de archivos . Tenga en cuenta que la biblioteca es enorme, por lo que hay mucho por lo que pasar. Incluso la documentación tiene tutoriales largos para principiantes.

Pero con esos documentos, puede aprender todo, desde transformaciones 3D hasta 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 a Whitestorm en acción . Si te atreves a sumergirte, descarga una copia de la biblioteca desde GitHub o vía npm y comienza a crear algunas aplicaciones web en 3D.

7 maneras de aumentar enormemente su productividad

7 maneras de aumentar enormemente su productividad

En 1915, Albert Einstein presentó su brillante y revolucionaria teoría de la relatividad. En los tres años previos a eso, se había dedicado por completo a su creación, sin distraerse por nada más. No estamos sugiriendo que pases tres años trabajando en un proyecto en particular (a menos que realmente quieras hacerlo), pero este enfoque de enfocarte completamente en una pieza de trabajo es una vívida ilustración de la nueva tendencia de trabajo llamada " Hacer menos".Como su

(Consejos de tecnología y diseño)

Code Typing Animaciones de texto con jQuery TypeIt

Code Typing Animaciones de texto con jQuery TypeIt

El combo de jQuery y texto no tiene límites en la web. Puede construir casi cualquier cosa con un poco de creatividad y las bibliotecas de JavaScript correctas.Una de esas bibliotecas es TypeIt, construida como un plugin jQuery gratuito. Te permite crear animaciones de tipeo dinámicas que se ven increíblemente realistas. I

(Consejos de tecnología y diseño)