</> CodeBooks
    ← Volver a WebGL (página 1)
    Portada de Learning Three.js The JavaScript 3D Library for WebGL

    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?

    TeóricoPráctico

    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.

    Más de WebGL con nivel Básico