
# Conclusão

**Parabéns!** Você chegou ao final deste curso. 🎉

Espero que você tenha **gostado** e **aprendido muito**. Tentei torná-lo o mais amigável possível para iniciantes, mas também quis mostrar alguns conceitos mais avançados com exemplos do mundo real.

Por favor, avise-me no [servidor do Discord](https://lessons.wawasensei.dev/discord) se tiver qualquer feedback ou sugestão para futuros cursos. Estou sempre feliz em ouvir de você. 🙏

Ficaria muito grato se você pudesse deixar uma avaliação no [TrustPilot](https://www.trustpilot.com/review/lessons.wawasensei.dev). Isso me ajudaria muito a alcançar mais pessoas, criar mais conteúdo e melhorar as aulas. 🚀

## Para onde ir agora?

Agora você tem bases sólidas para criar suas próprias experiências web 3D com **React Three Fiber**. Mas ainda há muito para aprender e descobrir. 📚

Aqui está minha lista de recomendações para continuar aprendendo e aprimorando suas habilidades:

- Veja os [exemplos](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) e a [documentação](https://docs.pmnd.rs/react-three-fiber) do React Three Fiber.
- Junte-se à [comunidade no Discord do Poimandres](https://discord.gg/poimandres).
- Falta de documentação sobre alguns componentes? Consulte a [documentação do Threejs](https://threejs.org/docs/), o [código fonte do R3F Drei](https://github.com/pmndrs/drei) e o [código fonte do Threejs](https://github.com/mrdoob/three.js).
- **Crie projetos** → Não se restrinja às suas habilidades, mas defina metas e tente alcançá-las aprendendo. Adicione esses projetos ao seu portfólio.
- Tente recriar sites do [Awwwards](https://www.awwwards.com/) ou outras partes de sites 3D que você goste.
- Inscreva-se no meu [canal do YouTube](https://www.youtube.com/@WawaSensei) e assista aos meus tutoriais gratuitos de desenvolvimento web 3D.
- Compartilhe seu trabalho, receba feedback, melhore ♻️

**Tech Twitter** (ou **X** agora...) é um ótimo lugar para aprender e descobrir novas coisas. Aqui estão algumas contas que recomendo você 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)

## Obrigado 🙏

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

Parabéns, você aprendeu os fundamentos do React Three Fiber. E agora?

Conclusão

Fundamentals

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

Introduction

Bem-vindo a este tutorial inicial sobre como usar react-three-fiber para criar experiências web 3D únicas.

Introdução

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

React Three Fiber

Aprenda o que é React Three Fiber e por que estamos usando-o.

O que é React Three Fiber?

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

Setup

Configure seu ambiente com todas as ferramentas que você precisa para começar a construir sua primeira aplicação 3D.

Configuração

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

3D Objects

Descubra o básico sobre objetos 3D: geometries, materials e meshes.

Objetos 3D

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

Transforms

Aprenda como transformar meshes no espaço 3D usando as propriedades position, rotation e scale.

Transformações

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

Camera

Descubra os diferentes tipos de câmeras disponíveis no threejs e como e quando usá-las.

Câmera

Debug your React Three Fiber scenes with useful helpers and Leva

Debug

Depure suas cenas do React Three Fiber com helpers e Leva úteis

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

Lights

Aprenda a adicionar luzes à sua cena para iluminar objetos.

Luzes

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

Shadows

Aprenda a lançar e receber sombras em seus objetos 3D.

Sombras

Learn how to use React hooks with React Three Fiber.

React Hooks

Aprenda a usar hooks do React com o React Three Fiber.

Core

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

React Three Fiber Hooks

Aprenda a usar os hooks essenciais fornecidos pelo React Three Fiber.

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

TypeScript

Descubra como configurar um projeto React Three Fiber com TypeScript para o seu próximo projeto 3D.

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

Controls

Drei fornece um conjunto de controles úteis para navegar na sua cena e interagir com objetos.

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

Events

Aprenda a lidar com eventos de mouse, teclado e toque no React Three Fiber.

Eventos

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

3D Models

Aprenda como carregar e exibir modelos 3D no React Three Fiber.

Modelos 3D

Use images and videos textures in your React Three Fiber projects

Image and video textures

Utilize texturas de imagens e vídeos em seus projetos React Three Fiber

Texturas de imagem e vídeo

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

Html

Combine elementos HTML em suas experiências 3D nos seus projetos React Three Fiber

HTML

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

Text

Adicione texto 2D e 3D às suas experiências em React Three Fiber.

Texto

Add a loading screen to your React Three Fiber experiences.

Loading Screen

Adicione uma tela de carregamento às suas experiências com React Three Fiber.

Tela de carregamento

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

Scroll

Aprenda como lidar com a rolagem de página em elementos HTML e 3D nos seus projetos React Three Fiber

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

Animations

Descubra as diferentes maneiras de animar elementos 3D em seus projetos React Three Fiber

Animações

Master

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

Physics

Descubra como adicionar física aos seus projetos 3D com React Three Fiber para criar simulações realistas ou jogos.

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

Staging

Descubra maneiras de tornar seus projetos React Three Fiber mais atraentes.

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

Views

Aprenda a exibir perfeitamente várias visualizações 3D dentro da sua página HTML.

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

Camera Controls

Anime sua câmera de cena 3D com uma variedade de controles para criar transições bonitas.

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

Render Target

Aprenda a renderizar sua cena 3D para uma textura e criar uma variedade de efeitos.

Post processing effects with React Three Fiber

Post Processing

Efeitos de pós-processamento com React Three Fiber

Pós-processamento

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

Theatre.js

Aprenda como criar transições 3D cinematográficas com React Three Fiber e Theatre.js.

Give the best experience to your users whatever their device is

Optimization

Ofereça a melhor experiência para seus usuários, seja qual for o dispositivo deles

Otimização

Shaders

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

Introduction to Shaders

Aprenda sobre shaders e como usá-los no React Three Fiber.

Introdução aos Shaders

Control your shader's output with shaping functions.

Shaping functions

Controle a saída do seu shader com funções de modelagem.

Funções de modelagem

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

Image slider

Crie um slider de imagem responsivo baseado em shader com React Three Fiber.

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

Water shader

Crie um shader de água avançado usando React Three Fiber e GLSL.

Water Shader

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

Shader transitions

Aprenda a criar transições de tela e modelo usando shaders com React Three Fiber.

Transições de Shader

Portfolio

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

3D World

Crie um portfólio atraente com tudo que você aprendeu até agora.

Portfolio: Mundo 3D

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

HTML interface

Parte 2 do projeto de portfólio: criação da interface HTML.

Portfólio: Interface HTML

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

Responsive

Parte final do projeto de portfólio. Vamos tornar nosso site responsivo.

Portfolio: Responsivo

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

⚡️ Limited Black Friday Deal