Uso de Three.js para elaborar paginas web dinámicas

Udemy MOOC / Non-credit USD 99.99
Enroll now →
Uso de Three.js para elaborar paginas web dinámicas

About this course

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 mejora

What you'll learn

  • Install and configure the Three.js library in a web project
  • Create and navigate a main menu for 3D graphics display
  • Utilize basic geometric shapes to create 3D objects
  • Apply textures to 3D models for realistic appearance
  • Load GLB files and animate them using Three.js
  • Implement 360-degree images as backgrounds in scenes

Course objectives

  • Understand the fundamentals of Three.js and its capabilities
  • Create an interactive web project featuring 3D graphics
  • Develop skills to enhance visual experiences with animations

Skills you'll gain

Related courses

Course details are provided by the platform and may change — always confirm on the provider's site. Links may be affiliate links.