PIXEL FACEBOOK
logo-blanco

Crear Animaciones 3D con Three.js

Ejemplo ThreeJS

Lo que vas a encontrar...

El boom de los últimos tiempos informáticos para los desarrolladores ha sido el del nuevo paradigma de los FrameWorks, estos juegan un papel importante al momento de ahorrar código, ahorrar tiempo de entrega en los proyectos, etc, etc. Ahora les compartiré sobre un FrameWork del cual leí y me pareció bastante interesante ya que esta orientado para diseñadores y animadores Web, el responsable de estas «maravillas» es Three.js. Y digo interesante ya que con este script se pueden hacer muchas animaciones en 2D y 3D realmente impresionantes haciendo uso de las tecnologías WebGL, Html5, y por supuesto del navegador, el cual es indispensable que tenga soporte para WebGL.

Ahora bien, el script lo pueden encontrar en la pagina oficial de Three.js, en la parte de Download. Lo primero que tenemos que hacer es bajar el Framework, se descargara un archivo compreso el cual pesa 75.2 Mb, pero descuiden, ese no es el peso del script, este pesa 5.37 Kb 😉 en aquel archivo compreso encontraran documentación, ejemplos y obviamente el script, este ultimo lo encontraran en la carpeta src, de nombre Three.js.

Bueno, una vez descargado lo ubicamos donde deseemos en nuestro proyecto Web y lo añadimos al head de nuestro Html como cualquier otro script:

Como Usar Three.js?

Bueno, ya hay una vaga idea de la finalidad del script y de donde podemos conseguirlo, pero ahora necesitamos saber como funciona en realidad 😀 Para esto he encontrado dos webs las cuales tienen buenos tutoriales:

Pagina oficial (Ingles).
Blog (Español).
Un videillo 😀

Que se puede hacer con Three.js?

Si has llegado hasta este punto es por que estas interesado en lo que puedas llegar a hacer con este FrameWork, asi que mostrare algunos ejemplos de lo que se puede hacer con este script 😀

Ejemplo nacimiento árbol.
Manipulación caja con teclado.
Movimiento figuras.
Catalogo Carro en 3D.

Ademas de animaciones podremos realizar objetos de gran calidad, de tipo 3D:

Ejemplo ThreeJS

Como pudieron ver con los anteriores ejemplos, el script es bastante potente para el diseño de animaciones en la web, solo hay que tener nociones en JavaScript para poder usar sus características sin problemas, y mucha creatividad.

Si te ha gustado el post, compártelo, regala un like ó comenta 😉

Facebook
Twitter
LinkedIn
WhatsApp

Deja una respuesta

Artículos Relacionados

Síguenos