
# Conclusión

**¡Felicitaciones!** Llegaste al final de este curso. 🎉

Espero que lo **hayas disfrutado** y **aprendido mucho**. He intentado hacerlo lo más accesible posible para principiantes, pero también quería mostrarte algunos conceptos más avanzados con ejemplos del mundo real.

Por favor, házmelo saber en el [servidor de Discord](https://lessons.wawasensei.dev/discord) si tienes algún comentario o sugerencia para futuros cursos. Siempre estoy feliz de escucharte. 🙏

Estaría muy agradecido si pudieras dejar una reseña en [TrustPilot](https://www.trustpilot.com/review/lessons.wawasensei.dev). Me ayudaría mucho a llegar a más personas, crear más contenido y mejorar las lecciones. 🚀

## ¿Dónde ir ahora?

Ahora tienes una base sólida para crear tus propias experiencias web en 3D con **React Three Fiber**. Pero todavía hay mucho por aprender y descubrir. 📚

Aquí tienes mi lista de recomendaciones para seguir aprendiendo y mejorando tus habilidades:

- Mira los [ejemplos](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) y la [documentación](https://docs.pmnd.rs/react-three-fiber) de React Three Fiber.
- Únete a la [comunidad de Discord de Poimandres](https://discord.gg/poimandres).
- ¿Falta documentación en algunos componentes? Revisa la [documentación de Three.js](https://threejs.org/docs/), el [código fuente de R3F Drei](https://github.com/pmndrs/drei) y el [código fuente de Three.js](https://github.com/mrdoob/three.js).
- **Crea proyectos** → No te restrinjas a tus habilidades, establece metas e intenta alcanzarlas aprendiendo. Añade esos proyectos a tu portafolio.
- Intenta recrear [sitios web de Awwwards](https://www.awwwards.com/) u otras partes de sitios web en 3D que te gusten.
- Suscríbete a mi [canal de YouTube](https://www.youtube.com/@WawaSensei) y mira mis tutoriales gratuitos de desarrollo web en 3D.
- Comparte tu trabajo, recibe retroalimentación y mejora ♻️

**Tech Twitter** (o **X** ahora...) es un excelente lugar para aprender y descubrir cosas nuevas. Aquí tienes algunas cuentas que te recomiendo seguir:

- [0xca0a](https://twitter.com/0xca0a)
- [Threejs](https://twitter.com/threejs)
- [Adam](https://twitter.com/_Axiome_)
- [Bruno Simon](https://twitter.com/bruno_simon)
- [Anderson Mancini](https://twitter.com/Andersonmancini)
- [Immersive Studios](https://twitter.com/ImmersivStudios)
- [Maxime Heckel](https://twitter.com/MaximeHeckel)
- [Faraz](https://twitter.com/CantBeFaraz)
- [The Ebenezer](https://twitter.com/th_ebenezer)
- [Andrew Woan](https://twitter.com/andrewwoan)
- [Alvaro](https://twitter.com/alvarosabu)
- [Wawa Sensei](https://twitter.com/WawaSensei)

## Gracias 🙏

React Three Fiber: The Ultimate Guide to 3D Web Development

Felicitaciones, aprendiste los fundamentos de React Three Fiber. ¿Qué sigue?

Conclusión

Fundamentals

Welcome to this getting started tutorial on how to use react-three-fiber to create unique 3D web experiences.

Introduction

Bienvenidos a este tutorial de introducción sobre cómo usar react-three-fiber para crear experiencias web 3D únicas.

Introducción

Learn what React Three Fiber is and why we are using it.

React Three Fiber

Aprende qué es React Three Fiber y por qué lo estamos utilizando.

¿Qué es React Three Fiber?

Setup your environment with all the tools you need to start building your first 3D application.

Setup

Configura tu entorno con todas las herramientas que necesitas para comenzar a construir tu primera aplicación 3D.

Configuración

Discover the basics of 3D objects: geometries, materials, and meshes.

3D Objects

Descubre los conceptos básicos de los objetos 3D: geometrías, materiales y meshes.

Objetos 3D

Learn how to transform meshes in 3D space using the position, rotation and scale properties.

Transforms

Aprende cómo transformar meshes en el espacio 3D utilizando las propiedades de position, rotation y scale.

Transformaciones

Discover the different types of cameras available in threejs and how and when to use them.

Camera

Descubre los diferentes tipos de cámaras disponibles en threejs y cómo y cuándo usarlas.

Cámara

Debug your React Three Fiber scenes with useful helpers and Leva

Debug

Depura tus escenas de React Three Fiber con ayudas útiles y Leva

Depuración

Learn how to add lights to your scene to illuminate objects.

Lights

Aprende cómo añadir luces a tu escena para iluminar objetos.

Luces

Learn how to cast and receive shadows on your 3D objects.

Shadows

Aprende cómo proyectar y recibir sombras en tus objetos 3D.

Sombras

Learn how to use React hooks with React Three Fiber.

React Hooks

Aprende a usar hooks de React con React Three Fiber.

Core

Learn how to use the essential hooks provided by React Three Fiber.

React Three Fiber Hooks

Aprende a usar los hooks esenciales proporcionados por React Three Fiber.

Discover how to setup a React Three Fiber project with TypeScript for your next 3D project.

TypeScript

Descubre cómo configurar un proyecto de React Three Fiber con TypeScript para tu próximo proyecto 3D.

Drei provides a set of useful controls to navigate in your scene and interact with objects.

Controls

Drei proporciona un conjunto de controles útiles para navegar en tu escena e interactuar con objetos.

Controles

Learn how to handle mouse, keyboard and touch events in React Three Fiber.

Events

Aprende a manejar eventos de mouse, teclado y táctiles en React Three Fiber.

Eventos

Learn how to load and display 3D models in React Three Fiber.

3D Models

Aprende cómo cargar y mostrar modelos 3D en React Three Fiber.

Modelos 3D

Use images and videos textures in your React Three Fiber projects

Image and video textures

Usa texturas de imágenes y videos en tus proyectos de React Three Fiber

Texturas de imagen y video

Combine HTML elements to your 3D experiences in your React Three Fiber projects

Html

Combina elementos HTML con tus experiencias 3D en tus proyectos de React Three Fiber

HTML

Add 2D and 3D text to your React Three Fiber experiences.

Text

Añade texto 2D y 3D a tus experiencias con React Three Fiber.

Texto

Add a loading screen to your React Three Fiber experiences.

Loading Screen

Añade una pantalla de carga a tus experiencias de React Three Fiber.

Pantalla de carga

Learn how to handle page scroll on HTML and 3D elements in your React Three Fiber projects

Scroll

Aprende cómo manejar el desplazamiento de la página en elementos HTML y 3D en tus proyectos de React Three Fiber

Discover the different ways to animate 3D elements in your React Three Fiber projects

Animations

Descubre las diferentes maneras de animar elementos 3D en tus proyectos de React Three Fiber

Animaciones

Master

Discover how to add physics to your 3D projects with React Three Fiber to create realistic simulations or games.

Physics

Descubre cómo agregar física a tus proyectos 3D con React Three Fiber para crear simulaciones realistas o juegos.

Discover ways to make your React Three Fiber projects more attractive.

Staging

Descubre formas de hacer que tus proyectos de React Three Fiber sean más atractivos.

Learn how to perfectly display multiple 3D views within your HTML page.

Views

Aprende cómo mostrar perfectamente múltiples vistas 3D dentro de tu página HTML.

Vistas

Animate your 3D scene camera with a variety of controls to create beautiful transitions.

Camera Controls

Anima tu cámara de escena 3D con una variedad de controles para crear transiciones hermosas.

Controles de Cámara

Learn how to render your 3D scene to a texture to create a variety of effects.

Render Target

Aprende cómo renderizar tu escena 3D a una textura para crear una variedad de efectos.

Post processing effects with React Three Fiber

Post Processing

Efectos de post procesamiento con React Three Fiber

Post procesamiento

Learn how to create cinematic 3D transitions with React Three Fiber and Theatre.js.

Theatre.js

Aprende a crear transiciones 3D cinematográficas con React Three Fiber y Theatre.js.

Give the best experience to your users whatever their device is

Optimization

Ofrecer la mejor experiencia a tus usuarios independientemente del dispositivo que tengan

Optimización

Shaders

Learn about shaders and how to use them in React Three Fiber.

Introduction to Shaders

Aprende sobre shaders y cómo usarlos en React Three Fiber.

Introducción a Shaders

Control your shader's output with shaping functions.

Shaping functions

Controla la salida de tu shader con funciones de modelado.

Funciones de modelado

Create a shader based responsive image slider with React Three Fiber.

Image slider

Crear un deslizador de imágenes responsivo basado en shaders con React Three Fiber.

Deslizador de imágenes

Portfolio

Create a great looking portfolio with everything you've learned so far.

3D World

Crea un portafolio atractivo con todo lo que has aprendido hasta ahora.

Portafolio: Mundo 3D

Create an advanced water shader using React Three Fiber and GLSL.

Water shader

Crear un shader de agua avanzado usando React Three Fiber y GLSL.

Water Shader

Part 2 of the portfolio project: create the HTML interface.

HTML interface

Parte 2 del proyecto de portafolio: crear la interfaz HTML.

Portfolio: Interfaz HTML

Learn how to create screen and model transitions using shaders with React Three Fiber.

Shader transitions

Aprende a crear transiciones de pantalla y modelos usando shaders con React Three Fiber.

Transiciones con shaders

Final part of the portfolio project. We will make our website responsive.

Responsive

Parte final del proyecto de portafolio. Haremos que nuestro sitio web sea responsivo.

Portafolio: Responsivo

Congratulations, you learnt the fundamentals of React Three Fiber. What's next?