Aprender a programar gráficos en 3D para la web es adquirir un nuevo superpoder.
En este libro, no solo aprenderás a mostrar figuras geométricas; aprenderás a crear experiencias inmersivas. Comenzaremos con las bases de WebGL y Three.js, pasaremos por la construcción visual de escenas con luces y materiales avanzados, y terminaremos adentrándonos en el mundo de las animaciones matemáticas y la interactividad. Al finalizar, habrás construido múltiples proyectos 3D funcionales, entenderás cómo controlar la cámara y sabrás cómo crear universos dinámicos en el navegador. Esta es la base sólida que necesitas para convertirte en un desarrollador de experiencias web 3D.
Fundamentos de Three.js: Guía Práctica para la Web 3D La guía práctica y actualizada para 2026 que cubre todo lo que necesitas saber para crear aplicaciones tridimensionales reales, desde las bases absolutas hasta iluminación, matemáticas espaciales y el uso de la IA para practicar.
¿Por qué aprender Three.js es una habilidad indispensable hoy en día?
La web ha dejado de ser plana. El desarrollo 3D en el navegador está revolucionando el comercio electrónico, la educación, los videojuegos y los portafolios interactivos. No importa si quieres crear un visualizador de productos o una experiencia artística: saber crear entornos 3D te diferencia del resto de desarrolladores.
Pero empezar con WebGL desde cero es extremadamente difícil. Las matemáticas son complejas y la sintaxis es muy tediosa. Los tutoriales desactualizados te enseñan prácticas antiguas y la documentación oficial puede ser abrumadora para principiantes.
¿Qué aprenderás en este libro?
Capítulo 1 - Primeros Pasos con Three.js: Aprende los fundamentos de Three.js: configura tu entorno con Node.js y crea tu primera escena 3D con cámaras, geometrías, materiales y renderizado
Capítulo 2 - Proyecto Jardín: Construye un jardín 3D paso a paso en Three.js. Domina la agrupación de objetos, el posicionamiento espacial y la proyección de sombras básicas.
Capítulo 3 - Aspectos Generales: Descubre cómo animar objetos en Three.js usando requestAnimationFrame e integra la librería dat.GUI para controlar tu escena en tiempo real.
Capítulo 4 - Interactuar con la Escena: Aprende a manipular el grafo de escena en Three.js. Crea y elimina geometrías dinámicamente y utiliza scene.traverse() para aplicar lógicas globales.
Capítulo 5 - Agregar Figuras Geométricas Bajo Demanda: Aprende a manipular el grafo de escena en Three.js. Crea y elimina geometrías dinámicamente y utiliza scene.traverse() para aplicar lógicas globales.
Capítulo 6 - Variaciones de la Escena Dinámica - Caótico y Seno/Coseno: Crea animaciones orgánicas y caóticas en Three.js aplicando funciones trigonométricas (seno y coseno) sobre el loop de animación sin dependencias extra.
Capítulo 7 - Proyecto Luces: Guía completa sobre iluminación en Three.js: diferencias y aplicaciones prácticas de AmbientLight, SpotLight, DirectionalLight y PointLight.
Capítulo 8 - Materiales, Cámaras y Geometrías: Domina las cámaras Perspective y Orthographic en Three.js, mezcla texturas con MeshDepthMaterial y explora el catálogo de geometrías predefinidas 3D.
