Three.js

¿Qué es Three.js?

Three.js es una biblioteca de JavaScript para renderizar gráficos 3D en el navegador. Se apoya sobre WebGL, la interfaz de bajo nivel que permite a una página web hablar con la tarjeta gráfica. WebGL por sí solo es verboso e implacable. Three.js lo envuelve en conceptos sobre los que un desarrollador puede razonar: escenas, cámaras, luces, mallas, materiales.

El resultado corre en cualquier navegador moderno sin plugin ni instalación. Apuntas una cámara a una escena, añades objetos e iluminación, y Three.js se encarga de las matemáticas que lo convierten en píxeles a sesenta fotogramas por segundo. Un configurador de producto donde un comprador gira una zapatilla, cambia su color y ve cómo la luz juega sobre el material en tiempo real es un caso de manual de Three.js. Corre en un móvil o un portátil directamente desde una URL.

Es una biblioteca de renderizado, no un motor de juego. No trae física integrada, ni editor de niveles, ni pipeline de assets de serie. Para el 3D interactivo en la web abierta, sin embargo, es la opción más asentada que existe, y la mayoría de experiencias 3D en navegador que has visto se construyeron sobre él.

Three.js en Dallonses

Cuando un proyecto necesita 3D de verdad en el navegador, Three.js es nuestra ruta habitual. Configuradores de producto, instalaciones interactivas, datos cobrando vida en tres dimensiones. Lo hemos usado en trabajo de desarrollo web donde una interfaz plana no transmitía la idea y una app nativa habría sido el lugar equivocado para ponerla.

El rendimiento es donde estos proyectos viven o mueren, así que ahí es donde nos centramos. Una escena 3D que pierde fotogramas o funde la batería de un móvil no merece lanzarse. Construimos teniendo en mente el presupuesto del dispositivo desde el principio, probamos en hardware real y afinamos hasta que va fluido para las personas que de verdad lo usarán.

¿Tienes una idea que necesita 3D de verdad en el navegador? Veamos qué podemos construir.

Hablemos de web