Three.js la biblioteca de gráficos 3D Javascript/WebGL

Al corriente: dic. 22, 2014

Durante mucho tiempo me han interesado los gráficos 3D. El interés comenzó con los juegos 3D. Hace mucho tiempo, cuando las tarjetas gráficas 3dfx eran populares, pudimos probar lo que podían lograr los gráficos 3D acelerados por hardware en un sistema operativo basado en Windows.

Desde entonces, los fabricantes de hardware han tenido la misión de construir hardware cada vez más capaz. Con la llegada de Html5 y WebGL podemos experimentar gráficos 3D complejos en un entorno web.

Es cierto que ha habido complementos de navegador (Flash Shockwave, Silverlight, Java) que han podido generar 3D en un navegador, sin embargo, el soporte entre diferentes navegadores y plataformas ha sido mixto (iOS es el principal).

Entonces, ahora que la adopción de WebGL como estándar web se está generalizando cada vez más (¡Sí, recientemente se agregó a iOS 8!), finalmente tenemos un medio para generar 3D complejo en un navegador web. Creo que esto tiene el potencial de llevar finalmente la web a la tercera dimensión.

Con el creciente soporte para WebGL, echamos un vistazo a una de las mejores bibliotecas de gráficos WebGL que existen:tres.js. Aquí veremos algunas de las mejores demostraciones de three.js que podemos encontrar:

1. Samsung Corredor

Esta es una demostración de un auto de carreras de Fórmula 1 que muestra un auto de F1 solitario corriendo. Al hacer clic en el coche se cambia el ángulo de la cámara.