Aprende Three.js , 3D en el navegador
Domina la tercera dimensión

What you will learn
Crear Escenas en 3D
Multiples formas en 3D
Formas en 2D y como extruirlas para formar 3D a partir de ellas
Dar biselados
Vector2 , dibujar con vectores para luego convertirlos en 3D
Materiales para nuestras mallas
Textura para nuestras mallas
Montando escenario y controles con FirstPersonController
Importar FBX de otros softwares para nuestra escena
Movimiento y detección de colisiones .
Why take this course?
🚀 Aprende Three.js: Domina la Tercera Dimensión 🎓
¿Qué es Three.js? Three.js es una librería de JavaScript que se construye sobre WebGL, la poderosa API gráfica de la web que te permite renderizar gráficos 3D en navegadores web sin necesidad de plugins adicionales. Al igual que OpenGL para C++, pero pensada para el entorno web, Three.js simplifica enormemente la creación y visualización de contenido 3D.
¡Transforma tu Diseño Web! Incorporar Three.js a tu skillset significa potenciar tu capacidad en el diseño web, llevándola a un nuevo nivel. Con Three.js, puedes:
- Crear experiencias de juego 3D que cautiven a tus usuarios.
- Enriquecer diseños web con elementos tridimensionales.
- Importar modelos desde herramientas como Blender, Maya y servicios como Mixamo.
- Desarrollar para Realidad Virtual (VR), abriendo puertas a un mundo de posibilidades inmersivas.
🛠️ En este curso aprenderás a:
- Modelar figuras geométricas en 3D desde cero, utilizando Three.js.
- Integrar y configurar estas figuras en una escena, dándoles vida mediante materiales y texturas realistas.
- Manipular figuras 2D y transformarlas en objetos tridimensionales.
- Realizar biselados y efectos especiales, añadiendo una dimensión adicional a tus diseños.
- Navegar por escenas 3D con controles de primera persona, creando interacciones dinámicas.
- Importar modelos FBX desde diversas fuentes, expandiendo tu biblioteca de activos.
- Programar colisiones entre objetos, asegurando una experiencia más real y coherente en tu entorno 3D.
Con los conocimientos adquiridos en este curso, podrás:
- Desarrollar interactivos web 3D que capten la atención de tus visitantes.
- Crear juevitos de jugada sencillos, si complementas tu aprendizaje con un dominio del lenguaje JavaScript.
🤝 Three.js te ofrece una plataforma poderosa y versátil, pero recuerda que la magia reside en cómo manejas ese poder. Al finalizar este curso, estarás equipado para montar tus propias escenas 3D y aplicar efectos visuales solo con tu código, con la ventaja de importar mallas profesionalmente creadas desde otros programas.
¡Bienvenido a un mundo de posibilidades! Este curso está diseñado para explorar tu creatividad y llevarla al máximo con las herramientas que Three.js y la plataforma ofrecen. 🌟
Estructura del Curso:
-
Introducción a Three.js y WebGL
- ¿Qué es WebGL?
- La importancia de Three.js en el diseño web moderno.
-
Fundamentos de Three.js
- Creación de figuras geométricas 3D.
- Manipulación y configuración de escenas.
- Aplicación de materiales y texturas.
-
Manipulación de Figuras 2D en 3D
- Transformación de 2D a 3D.
- Creación de biselados y efectos especiales.
-
Navegación y Control en Escenas 3D
- Implementación de controles de primera persona.
- Movimiento y interacción dentro de la escena.
-
Importación y Gestión de Modelos FBX
- Importación de modelos desde fuentes externas.
- Manejo de colisiones entre objetos.
-
Proyecto Final: Tu Primer Juego o Interactivo 3D
- Planificación y desarrollo de un proyecto práctico.
- Integración de conceptos aprendidos en un entregable sólido.
¡No esperes más! Inscríbete y comienza a explorar el universo de Three.js y la creación de contenido 3D en la web. 🎉
Screenshots



