Aprende Three.js , 3D en el navegador

Domina la tercera dimensión

4.16 (77 reviews)
Udemy
platform
Español
language
Programming Languages
category
Aprende Three.js ,  3D en el navegador
8 724
students
7 hours
content
Nov 2021
last update
$34.99
regular price

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:

  1. Introducción a Three.js y WebGL

    • ¿Qué es WebGL?
    • La importancia de Three.js en el diseño web moderno.
  2. Fundamentos de Three.js

    • Creación de figuras geométricas 3D.
    • Manipulación y configuración de escenas.
    • Aplicación de materiales y texturas.
  3. Manipulación de Figuras 2D en 3D

    • Transformación de 2D a 3D.
    • Creación de biselados y efectos especiales.
  4. Navegación y Control en Escenas 3D

    • Implementación de controles de primera persona.
    • Movimiento y interacción dentro de la escena.
  5. Importación y Gestión de Modelos FBX

    • Importación de modelos desde fuentes externas.
    • Manejo de colisiones entre objetos.
  6. 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

Aprende Three.js ,  3D en el navegador - Screenshot_01Aprende Three.js ,  3D en el navegador - Screenshot_02Aprende Three.js ,  3D en el navegador - Screenshot_03Aprende Three.js ,  3D en el navegador - Screenshot_04

Related Topics

4280434
udemy ID
04/09/2021
course created date
08/09/2021
course indexed date
Bot
course submited by