3D con three.js

Revisando los experimentos 3D de la entrada anterior, me acabo de dar cuenta que la mayoría utiliza una biblioteca Javascript llamada three.js, he ingresado a su página y al parecer se pueden hacer cosas muy interesantes con ella, con muy poco código podrán crear modelos novedosos y con práctica animaciones espectaculares.

http://mrdoob.github.com/three.js/

La biblioteca comienza a explotar las bondades de Canvas y WebGL, se requiere una tarjeta gráfica potente y según la ayuda de Google hay que tomar en cuenta lo siguiente:

"WebGL no es compatible con las tarjetas gráficas siguientes y se inhabilitará de forma predeterminada:

• Todos los sistemas operativos
• NVIDIA GeForce FX Go5200
• Windows
• Intel GMA 945
• Mac
• ATI Radeon HD2400
• ATI Radeon 2600 series
• ATI Radeon X1900
• GeForce 7300 GT
• Linux
• AMD/ATI
• Intel: controladores Mesa anteriores a la versión 7.9" (fuente)

En mi caso, tengo una ATI Mobility Radeon HD 4250, Google Chrome 18 y todos los ejemplos que he probado han funcionado correctamente, para que antes de programar algo con three.js primero prueben los ejemplos sencillos, de lo contrario podría no funcionar y se producirá un dolor de cabeza.

Desgraciadamente la documentación no está terminada, sólo el 18% aproximadamente y creo que eso podría traer problemas en caso de emprender un proyecto, esperemos que con el paso del tiempo los desarrolladores solventen eso y en el futuro todos podamos aprovechar sus funcionalidades.

A continuación algunos ejemplos funcionando, nos leemos en la próxima entrada, hasta pronto!

Ésta cara se ve tan realista que me da miedo (probar)

Ésto me recuerda al juego Need For Speed (ver)

Permite cambiar algunos parámetros como el color (probar)

Los caballos aparecen corriendo aleatoriamente (ver)

Éste ejemplo se corre muy lento si activa el renderizado por Canvas 2D (probar)

Finalmente, si usa unas gafas de 3D (rojo y azul) podrá ver éste modelo resaltado