Overview

El curso de Three.js es una guía completa que te enseñará a utilizar la biblioteca Three.js para crear impresionantes gráficos y experiencias interactivas en 3D en aplicaciones web. A continuación, se describe cada punto del curso:Instalación de la librería Three.js: Aprenderás cómo instalar Three.js en tu proyecto y configurar el entorno de desarrollo para comenzar a trabajar con la biblioteca.Cargar la librería Three.js en nuestro proyecto: Aprenderás a importar y utilizar la librería Three.js en tu proyecto, de modo que puedas acceder a todas las funciones y utilidades que proporciona.Crear una plantilla y un panel principal para desarrollar nuestros ejercicios: Aprenderás a diseñar y desarrollar un menú principal que te permitirá navegar por diferentes ejemplos y demostraciones de gráficos en 3D. También crearás una plantilla básica para tus ejercicios en Three.js.Cargar figuras geométricas básicas: Explorarás cómo utilizar las geometrías básicas proporcionadas por Three.js, como cajas (BoxGeometry), esferas (SphereGeometry) y planos (PlaneGeometry), para crear objetos en 3D.Cargar imágenes 3D para usarlo como texturas en nuestros modelados 3D: Aprenderás a aplicar texturas a los objetos en 3D para darles aspecto realista y mejorar su apariencia visual.Carga archivos GLBs en nuestro proyecto: Descubrirás cómo cargar modelos en formato GLB en tus proyectos de Three.js. Los archivos GLB son archivos de modelo 3D que contienen geometría, materiales y texturas.Cargar archivos GLB con animaciones: Aprenderás a cargar y reproducir animaciones en tus modelos 3D utilizando la animación de Three.js. Podrás controlar y sincronizar las animaciones para crear efectos visuales impresionantes.Carga imágenes 360 en jpg/png y en HDR: Explorarás cómo agregar un skybox a tu escena en Three.js. Un skybox es una técnica que utiliza una textura envolvente para simular un entorno tridimensional y mejorar la inmersión visual.Cargar videos y usarlo como texturas en nuestros objetos 3D: Aprenderás a incorporar videos en tus proyectos de Three.js. Podrás crear texturas de video y aplicarlas a objetos en 3D para crear efectos visuales dinámicos.Cargar iframes con el componente CSS3DRenderer: Descubrirás cómo integrar iframes en tus aplicaciones de Three.js. Esto te permitirá mostrar contenido web, como páginas HTML o contenido incrustado, dentro de tu escena 3D.Uso de OrbitControls para visualizar objetos 3D desde diferentes ángulos: Aprenderás a utilizar la funcionalidad de OrbitControls de Three.js, que te permitirá controlar la cámara y explorar la escena en 3D mediante interacciones de arrastrar y soltar o acercar y alejar.Uso de Raycaster para interactuar con los objetos 3D y brindarles eventos: Explorarás cómo utilizar Raycast para detectar interacciones con objetos en tu escena 3D. Podrás realizar acciones o mostrar información específica al hacer clic en un objeto.Creación de una escena 3D con lo aprendido: Aplicarás todos los conceptos y técnicas aprendidas para crear un entorno 3D completo, que incluya objetos, texturas, animaciones y funcionalidades interactivas.Exportar y desplegar los ejercicios en nuestra servidor web: Aprenderás cómo exportar tus ejercicios de Three.js y desplegarlos en un servidor web para que puedan ser accesibles y compartidos en línea.Extra: Además de los puntos anteriores, también se incluirá una sección adicional sobre cómo cargar Three.js en un proyecto de Angular, donde aprenderás a integrar Three.js en una aplicación Angular y aprovechar todas sus capacidades dentro del marco de trabajo.Este curso te brindará una base sólida para crear gráficos en 3D impresionantes y experiencias interactivas utilizando Three.js, una de las bibliotecas más populares y potentes para la creación de contenido 3D en la web.

Skills

Reviews