
# Conclusion

**Félicitations !** Vous êtes arrivé à la fin de ce cours. 🎉

J'espère que vous l'avez **apprécié** et que vous avez **beaucoup appris**. J'ai essayé de le rendre aussi accessible que possible pour les débutants, mais je voulais aussi vous montrer des concepts plus avancés avec des exemples concrets.

N'hésitez pas à me faire part de vos commentaires ou suggestions pour de futurs cours sur le [serveur Discord](https://lessons.wawasensei.dev/discord). Je suis toujours heureux de recevoir vos retours. 🙏

Je vous serais très reconnaissant si vous pouviez laisser un avis sur [TrustPilot](https://www.trustpilot.com/review/lessons.wawasensei.dev). Cela m'aiderait beaucoup à atteindre plus de personnes, créer plus de contenu et améliorer les leçons. 🚀

## Où aller maintenant ?

Vous avez maintenant des bases solides pour créer vos propres expériences web en 3D avec **React Three Fiber**. Mais il y a encore beaucoup à apprendre et à découvrir. 📚

Voici ma liste de recommandations pour continuer à apprendre et améliorer vos compétences :

- Consultez les [exemples](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) et la [documentation](https://docs.pmnd.rs/react-three-fiber) de React Three Fiber.
- Rejoignez la [communauté Discord de Poimandres](https://discord.gg/poimandres).
- Manque de documentation sur certains composants ? Consultez la [documentation de Threejs](https://threejs.org/docs/), le [code source de R3F Drei](https://github.com/pmndrs/drei) et le [code source de Threejs](https://github.com/mrdoob/three.js).
- **Créez des projets** → Ne vous limitez pas à vos compétences, mais fixez-vous des objectifs et essayez de les atteindre en apprenant. Ajoutez ces projets à votre portfolio.
- Essayez de recréer des sites [Awwwards](https://www.awwwards.com/) ou d'autres parties de sites 3D que vous aimez.
- Abonnez-vous à ma [chaîne YouTube](https://www.youtube.com/@WawaSensei) et regardez mes tutoriels gratuits sur le développement web en 3D.
- Partagez votre travail, obtenez des retours, améliorez-vous ♻️

**Tech Twitter** (ou **X** maintenant...) est un excellent endroit pour apprendre et découvrir de nouvelles choses. Voici quelques comptes que je vous recommande de suivre :

- [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)

## Merci 🙏

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

Félicitations, vous avez appris les fondamentaux de React Three Fiber. Et ensuite ?

Conclusion

Fundamentals

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

Introduction

Bienvenue dans ce tutoriel de démarrage sur la création d'expériences web 3D uniques grâce à react-three-fiber.

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

React Three Fiber

Découvrez ce qu'est React Three Fiber et pourquoi nous l'utilisons.

Qu'est-ce que React Three Fiber?

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

Setup

Configurez votre environnement avec tous les outils nécessaires pour commencer à construire votre première application 3D.

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

3D Objects

Découvrez les bases des objets 3D : géométries, matériaux et meshes.

Objets 3D

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

Transforms

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

Camera

Découvrez les différents types de caméras disponibles dans threejs et comment et quand les utiliser.

Debug your React Three Fiber scenes with useful helpers and Leva

Debug

Déboguez vos scènes React Three Fiber avec des helpers utiles et Leva

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

Lights

Découvrez comment ajouter des lumières à votre scène pour illuminer les objets.

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

Shadows

Apprenez à projeter et recevoir des ombres sur vos objets 3D.

Ombres

Learn how to use React hooks with React Three Fiber.

React Hooks

Apprenez à utiliser les hooks React avec React Three Fiber.

Core

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

React Three Fiber Hooks

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

TypeScript

Découvrez comment configurer un projet React Three Fiber avec TypeScript pour votre prochain projet 3D.

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

Controls

Drei propose un ensemble de contrôles utiles pour naviguer dans votre scène et interagir avec les objets.

Contrôles

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

Events

Découvrez comment gérer les événements de souris, de clavier et de tactile dans React Three Fiber.

Événements

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

3D Models

Apprenez à charger et afficher des modèles 3D dans React Three Fiber.

Modèles 3D

Use images and videos textures in your React Three Fiber projects

Image and video textures

Utilisez des textures d'images et de vidéos dans vos projets React Three Fiber

Textures d'images et de vidéos

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

Html

Combinez des éléments HTML à vos expériences 3D dans vos projets React Three Fiber

HTML

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

Text

Ajouter du texte 2D et 3D dans vos expériences React Three Fiber.

Texte

Add a loading screen to your React Three Fiber experiences.

Loading Screen

Ajoutez un écran de chargement à vos expériences React Three Fiber.

Loading screen

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

Scroll

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

Animations

Découvrez les différentes façons d'animer des éléments 3D dans vos projets React Three Fiber

Master

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

Physics

Découvrez comment ajouter de la physique à vos projets 3D avec React Three Fiber pour créer des simulations réalistes ou des jeux.

Physique

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

Staging

Découvrez comment rendre vos projets React Three Fiber plus attrayants.

Mise en scène

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

Views

Apprenez à afficher parfaitement plusieurs vues 3D dans votre page HTML.

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

Camera Controls

Animez la caméra de votre scène 3D avec une variété de contrôles pour créer de belles transitions.

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

Render Target

Apprenez à rendre votre scène 3D sur une texture pour créer une variété d'effets.

Post processing effects with React Three Fiber

Post Processing

Effets de post traitement avec React Three Fiber

Post processing

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

Theatre.js

Apprenez à créer des transitions 3D cinématographiques avec React Three Fiber et Theatre.js.

Give the best experience to your users whatever their device is

Optimization

Offrez la meilleure expérience à vos utilisateurs quel que soit leur appareil

Optimisation

Shaders

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

Introduction to Shaders

Apprenez-en plus sur les shaders et comment les utiliser dans React Three Fiber.

Introduction aux Shaders

Control your shader's output with shaping functions.

Shaping functions

Contrôlez la sortie de votre shader avec des fonctions de mise en forme.

Fonctions de mise en forme

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

Image slider

Créer un slider d'images réactif basé sur des shaders avec React Three Fiber.

Slider d'images

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

Water shader

Créer un shader d'eau avancé en utilisant React Three Fiber et GLSL.

Water Shader

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

Shader transitions

Apprenez à créer des transitions d'écran et de modèle en utilisant des shaders avec React Three Fiber.

Transitions de shader

Portfolio

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

3D World

Créez un portfolio attrayant avec tout ce que vous avez appris jusqu'à présent.

Portfolio : Monde 3D

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

HTML interface

Partie 2 du projet portfolio : créer l'interface HTML.

Portfolio: HTML Interface

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

Responsive

Dernière partie du projet de portfolio. Nous allons rendre notre site web responsive.

Portfolio: Responsive

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

⚡️ Limited Black Friday Deal