Creative Web Development with Three.js and Blender
por Andrew Woan
Enseña a modelar una escena 3D en Blender y a llevarla a la web con Three.js, con raycaster, movimiento con GSAP y colisiones.
Muy recomendado, valoración editorial 5 de 5
verificado 2026-09-08 — sigue siendo gratis en YouTube
Empezar en YouTubeRespuesta rápida
Curso gratis de Diseño de nivel principiante en YouTube impartido por Andrew Woan (5 h 39 min). Nuestra valoración: 5/5, muy recomendado. Comprobamos que sigue siendo gratis el 8 de septiembre de 2026.
- Veredicto
- 5/5 · Muy recomendado
- Para quién
- Personas sin experiencia en 3D que quieren aprender Blender desde cero y llevar sus modelos a la web.
- Nivel
- Principiante
- Duración
- 5 h 39 min
- Precio
- Gratis en YouTube
- Autor
- Andrew Woan
- Publicado
- 2025
- Plan sugerido
- 9 sem. · 5 h/sem.
- Verificado
- el 8 de septiembre de 2026
Nuestro veredicto
Muy recomendado, valoración editorial 5 de 5Curso amplio y bien estructurado que lleva de cero en Blender a una escena 3D interactiva en la web. Es especialmente útil para quien quiera un proyecto de portfolio completo; requiere comodidad con el inglés y tiempo para practicar.
Puntos fuertes
- Recorre todo el flujo: modelado, exportación y programación web en un solo proyecto.
- Capítulos detallados que facilitan navegar y repetir partes.
- Incluye ejercicios opcionales de práctica en momentos clave.
- Publicación reciente (2025).
A tener en cuenta
- Está en inglés.
- La descripción publicada aparece cortada al final, así que no se detalla el último capítulo.
- La duración es larga y la parte de Blender ocupa casi la mitad, poco útil si ya lo dominas.
De qué trata
Curso de unas 5 horas y 39 minutos para crear un portfolio 3D inmersivo. Empieza con los fundamentos de Blender: modelado de un árbol, un personaje, el suelo y el escenario, materiales, texturas, cámaras, textos y preparación para exportar.
En la segunda mitad, desde 2:33:43, pasa a Three.js con VS Code: carga del modelo, cámara e iluminación, interacciones con raycaster, movimiento del personaje con GSAP y detección de colisiones. Incluye varios ejercicios opcionales.
- Modelado 3D en Blender: árbol, personaje y escenario
- Materiales y texturas de imagen
- Exportación del modelo y carga en Three.js
- Raycaster e interacción con objetos
- Movimiento con GSAP y detección de colisiones
Para quién es este curso
- Personas sin experiencia en 3D que quieren aprender Blender desde cero y llevar sus modelos a la web.
- Desarrolladores web con nociones de JavaScript que quieren introducirse en Three.js con un proyecto completo.
- Diseñadores o creativos que quieren construir un portfolio 3D interactivo.
Mejor busca otro si…
- Quien ya domine el modelado en Blender y solo busque la parte de Three.js.
- Quien busque un curso solo de Blender sin programación web.
Antes de empezar
- El curso se presenta como apto para principiantes; incluye un capítulo de requisitos previos (desde 1:58) que conviene ver antes de empezar.
- Un editor de código: el curso usa VS Code.
Qué sabrás hacer al terminar
- Modelar en Blender un árbol, un personaje, el suelo y un escenario completo.
- Aplicar materiales y texturas de imagen a los modelos.
- Preparar y exportar un modelo de Blender para usarlo en la web.
- Cargar el modelo en Three.js y configurar cámara e iluminación.
- Implementar interacciones con raycaster y movimiento del personaje con GSAP.
- Aplicar detección de colisiones en la escena.
Estructura del curso
- 01
Introducción y primeros pasos en Blender
Desde 0:00:00: demo del proyecto, requisitos, qué es el desarrollo web creativo y primeros pasos con Blender, con un ejercicio opcional para pensar como artista 3D.
- 02
Modelado de árbol y personaje
Desde 0:15:44: modelado de un árbol (formas incorrectas y correctas) y de un personaje, seguido de los primeros materiales y un apartado opcional sobre otros objetos.
- 03
Escenario, texturas y cámaras
Desde 1:37:37: modelado del suelo y el nivel, texturas de imagen, caminos, distintos tipos de cámara, cómo se modeló la escena y adición de textos y carteles.
- 04
Preparación y exportación del modelo
Desde 2:18:52: revisión de normales, eliminación de caras, exportación y visualización del modelo en el editor de three.js.
- 05
Fundamentos de Three.js
Desde 2:33:43: configuración con VS Code, primeros pasos con three.js, ejercicio opcional de cámara, ajustes de calidad de vida, carga del modelo, cámara e iluminación.
- 06
Interacción, movimiento y colisiones
Desde 3:51:48: interacciones con raycaster, movimiento del personaje con GSAP, detección de colisiones, movimiento personalizado y cómo abordar código difícil de ejemplos de three.js.
Plan de estudio sugerido
9 semanas · unas 5 h por semana
- 1.Semanas 1-2: Introducción y Blender básico hasta el modelado del personaje (0:00-1:16); practica reproduciendo el árbol y el personaje.
- 2.Semanas 3-4: Materiales, texturas, cámaras y escenario (1:16-2:18); crea tu propia escena.
- 3.Semana 5: Preparar y exportar el modelo, y ver el resultado en el editor de three.js (2:18-2:37).
- 4.Semanas 6-7: Fundamentos de Three.js, carga del modelo, cámara e iluminación (2:37-3:51); haz los ejercicios opcionales.
- 5.Semanas 8-9: Raycaster, GSAP y colisiones (3:51-final); revisa el capítulo sobre entender código difícil.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Instala Blender y VS Code antes de empezar y sigue en paralelo modelando tu propio árbol y personaje, no solo mirando.
- Haz los ejercicios opcionales (0:14:05, 3:07:07 y 3:48:33): son pausas prácticas pensadas para consolidar.
- Antes de exportar, repasa el capítulo de normales y caras (2:18:52) para evitar problemas al cargar el modelo en Three.js.
- Si ya sabes Blender, empieza en 2:18:52 o en 2:33:43 con tu propio modelo.
Antes y después de este curso
- Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Refuerza JavaScript, base necesaria para programar la parte de Three.js.
Cómo lo presenta Andrew Woan
Learn Creative Web Development with Three.js and Blender! This beginner-friendly course will teach you to create an immersive 3D portfolio. You'll begin by diving into Blender to learn the fundamentals of 3D modeling. With your 3D assets complete, you will learn Three.js to bring your 3d models to the web.
Code, Credits, Fixes, Updates & Blender File:
❤️ Support for this channel comes from our…
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Necesito saber Blender o Three.js?
No: se presenta como apto para principiantes y enseña Blender desde los fundamentos antes de pasar a Three.js. Hay un capítulo de requisitos previos en 1:58.
+¿Cuánto dura?
Unas 5 horas y 39 minutos. Con pausas y práctica, unas 9 semanas a 5 horas semanales es un ritmo razonable.
+¿Qué se construye?
Un portfolio 3D inmersivo con escena modelada en Blender, un personaje que se mueve, interacciones con raycaster y detección de colisiones.
+¿Está en español?
No, el curso está en inglés.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en YouTube, y revisado según nuestro método. El contenido del curso es obra de Andrew Woan; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Diseño
🔥Curso Completo de Edición de Video 2026 – Premiere Pro y After Effects Desde Cero a Experto +10 HR
Curso de edición de vídeo que recorre Premiere Pro y After Effects: capas, keyframes, máscaras, textos, cámara 3D y objetos GLB, con ejercicios prácticos de animación y montaje de un reel 3D.
Adobe Photoshop para principiantes - Segunda parte
Segunda parte de un curso de Photoshop: capas, tamaño y resolución, color, selecciones, retoque y creación de títulos en 21 lecciones.
AI & UX Ethics: decisiones con criterio humano
Enseña a usar IA en UX con criterio ético: riesgos, un framework para decidir qué automatizar y métricas para evaluar resultados en research, diseño y microcopy.
Animación de Super Mario en Illustrator y After effects
Enseña a dibujar a Mario, un bloque de monedas y sprites en Illustrator, y a animarlos de forma sencilla en After Effects.