
Learning Three.js The JavaScript 3D Library for WebGL
Jos Dirksen
- Editorial
- Packt
- Año
- 2013
- Páginas
- ~422
- Nivel
- Básico
De qué trata
Guía práctica de Jos Dirksen publicada por Packt en 2013 que introduce al desarrollo de gráficos 3D interactivos en la web mediante Three.js (versión r60). Dirigida a programadores JavaScript y diseñadores web que desean crear escenas tridimensionales en el navegador sin tener que enfrentarse directamente a la complejidad matemática y de bajo nivel de la API pura de WebGL.
El contenido avanza de manera progresiva partiendo de la creación de una primera escena con cámaras, luces y mallas básicas. Detalla el uso de diversos tipos de iluminación (ambiental, direccional, puntual y focos), materiales avanzados, geometrías estándar y operaciones booleanas constructivas (CSG). Explora en profundidad sistemas de partículas, carga de modelos 3D externos en formatos como OBJ, DAE (Collada) y STL, animaciones esqueletales y morphing, mapas de texturas (incluyendo normal maps y texturas de vídeo/canvas), shaders personalizados y pases de postprocesamiento de renderizado. Además, enseña a integrar física de cuerpos rígidos con la librería Physijs.
El aprendizaje es muy práctico y visual, respaldado por decenas de demostraciones interactivas controladas en tiempo real con dat.GUI y Tween.js. Su mayor fortaleza radica en explicar cada concepto con ejemplos claros y directos. Debe tenerse en cuenta que la API de Three.js ha cambiado con los años y algunos cargadores antiguos han sido reemplazados por glTF, pero la estructura conceptual de escenas, cámaras, luces y materiales sigue siendo completamente vigente.
- Three.js
- WebGL
- Gráficos 3D
- Shaders GLSL
- Física 3D
- Animación 3D
- Texturizado
- Physijs
- Postprocesamiento
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Escena Interactiva con Simulación Física
Construcción de una escena 3D dinámica con Three.js y Physijs que simula colisiones realistas entre objetos geométricos y restricciones mecánicas.
Visualizador de Modelos 3D Complejos
Aplicación web para cargar, iluminar y animar mallas 3D externas importadas desde software de modelado usando pases de postprocesamiento.

