
# Conclusione

**Congratulazioni!** Sei arrivato alla fine di questo corso. 🎉

Spero che ti sia **piaciuto** e che tu abbia **imparato molto**. Ho cercato di renderlo il più accessibile possibile per i principianti, ma volevo anche mostrarti alcuni concetti più avanzati con esempi pratici.

Fammi sapere nel [server Discord](https://lessons.wawasensei.dev/discord) se hai dei feedback o suggerimenti per corsi futuri. Sono sempre felice di sentirti. 🙏

Ti sarei molto grato se potessi lasciare una recensione su [TrustPilot](https://www.trustpilot.com/review/lessons.wawasensei.dev). Mi aiuterebbe molto a raggiungere più persone, creare più contenuti e migliorare le lezioni. 🚀

## Dove andare adesso?

Ora hai solide basi per creare le tue esperienze web 3D con **React Three Fiber**. Ma c'è ancora molto da imparare e scoprire. 📚

Ecco la mia lista di raccomandazioni per continuare ad apprendere e migliorare le tue capacità:

- Guarda gli [esempi](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) e la [documentazione](https://docs.pmnd.rs/react-three-fiber) di React Three Fiber.
- Unisciti alla [comunità Poimandres Discord](https://discord.gg/poimandres).
- Mancanza di documentazione su alcuni componenti? Consulta la [documentazione di Threejs](https://threejs.org/docs/), il [codice sorgente R3F Drei](https://github.com/pmndrs/drei) e il [codice sorgente di Threejs](https://github.com/mrdoob/three.js).
- **Crea progetti** → Non limitarti alle tue capacità ma stabilisci obiettivi e prova a raggiungerli imparando. Aggiungi quei progetti al tuo portfolio.
- Prova a ricreare [siti web Awwwards](https://www.awwwards.com/) o altre parti di siti web 3D che ti piacciono.
- Iscriviti al mio [canale YouTube](https://www.youtube.com/@WawaSensei) e guarda i miei tutorial gratuiti sullo sviluppo web 3D.
- Condividi il tuo lavoro, ricevi feedback, migliora ♻️

**Tech Twitter** (o **X** adesso...) è un ottimo posto per imparare e scoprire nuove cose. Ecco alcuni account che ti consiglio di seguire:

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

## Grazie 🙏


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

Congratulazioni, hai imparato i fondamenti di React Three Fiber. E adesso?

Conclusione

Fundamentals

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

Introduction

Benvenuto a questo tutorial introduttivo su come utilizzare react-three-fiber per creare esperienze web 3D uniche.

Introduzione

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

React Three Fiber

Scopri cos'è React Three Fiber e perché lo stiamo usando.

Cos'è React Three Fiber?

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

Setup

Configura il tuo ambiente con tutti gli strumenti necessari per iniziare a costruire la tua prima applicazione 3D.

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

3D Objects

Scopri le basi degli oggetti 3D: geometrie, materiali e mesh.

Oggetti 3D

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

Transforms

Impara come trasformare i mesh nello spazio 3D utilizzando le proprietà di posizione, rotazione e scala.

Trasformazioni

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

Camera

Scopri i diversi tipi di fotocamere disponibili in threejs e quando usarle.

Debug your React Three Fiber scenes with useful helpers and Leva

Debug

Effettua il debug delle tue scene in React Three Fiber con utili helper e Leva

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

Lights

Impara come aggiungere luci alla tua scena per illuminare gli oggetti.

Luci

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

Shadows

Scopri come proiettare e ricevere ombre sui tuoi oggetti 3D.

Ombre

Learn how to use React hooks with React Three Fiber.

React Hooks

Impara a utilizzare i React hooks con React Three Fiber.

Core

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

React Three Fiber Hooks

Scopri come utilizzare gli hook essenziali forniti da React Three Fiber.

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

TypeScript

Scopri come configurare un progetto React Three Fiber con TypeScript per il tuo prossimo progetto 3D.

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

Controls

Drei fornisce un set di controlli utili per navigare nella tua scena e interagire con gli oggetti.

Controlli

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

Events

Impara a gestire gli eventi di mouse, tastiera e tocco in React Three Fiber.

Eventi

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

3D Models

Impara come caricare e visualizzare modelli 3D in React Three Fiber.

Modelli 3D

Use images and videos textures in your React Three Fiber projects

Image and video textures

Utilizza immagini e video come texture nei tuoi progetti con React Three Fiber

Immagini e video come texture

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

Html

Combina elementi HTML alle tue esperienze 3D nei tuoi progetti React Three Fiber

HTML

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

Text

Aggiungi testo 2D e 3D alle tue esperienze di React Three Fiber.

Testo

Add a loading screen to your React Three Fiber experiences.

Loading Screen

Aggiungi una schermata di caricamento alle tue esperienze React Three Fiber.

Schermata di caricamento

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

Scroll

Impara a gestire lo scroll della pagina su elementi HTML e 3D nei tuoi progetti React Three Fiber

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

Animations

Scopri i diversi modi per animare elementi 3D nei tuoi progetti React Three Fiber

Animazioni

Master

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

Physics

Scopri come aggiungere la fisica ai tuoi progetti 3D con React Three Fiber per creare simulazioni realistiche o giochi.

Fisica

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

Staging

Scopri modi per rendere i tuoi progetti React Three Fiber più attraenti.

Allestimento

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

Views

Impara come visualizzare perfettamente più viste 3D all'interno della tua pagina HTML.

Viste

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

Camera Controls

Anima la camera della tua scena 3D con una varietà di controlli per creare belle transizioni.

Controlli della Camera

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

Render Target

Impara come rendere la tua scena 3D su una texture per creare una varietà di effetti.

Post processing effects with React Three Fiber

Post Processing

Effetti di post processing con React Three Fiber

Post processing

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

Theatre.js

Impara a creare transizioni 3D cinematografiche con React Three Fiber e Theatre.js.

Give the best experience to your users whatever their device is

Optimization

Offri la migliore esperienza ai tuoi utenti qualunque sia il loro dispositivo

Ottimizzazione

Shaders

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

Introduction to Shaders

Impara a conoscere gli shaders e come usarli in React Three Fiber.

Introduzione agli Shaders

Control your shader's output with shaping functions.

Shaping functions

Controlla l'output del tuo shader con le funzioni di modellazione.

Funzioni di modellazione

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

Image slider

Crea uno slider di immagini reattivo basato su shader con React Three Fiber.

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

Water shader

Crea uno shader avanzato per l'acqua usando React Three Fiber e GLSL.

Water Shader

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

Shader transitions

Impara a creare transizioni dello schermo e dei modelli usando shader con React Three Fiber.

Transizioni con shader

Learn what VFX is and how it can be used in Three.js and React Three Fiber to add more life to your 3D scenes.

VFX Introduction

Scopri cosa sono i VFX e come possono essere utilizzati in Three.js e React Three Fiber per aggiungere più vita alle tue scene 3D.

Introduzione ai VFX

Discover how to use instancing to create particles with Threejs and R3F

Particles

Scopri come utilizzare l'instancing per creare particelle con Threejs e R3F

Particelle

Learn how to create trails with Threejs and React Three Fiber

Trails

Scopri come creare scie con Threejs e React Three Fiber

Scie

Build a simple VFX engine using React Three Fiber to emit particles in your 3D web projects.

VFX Engine

Costruisci un semplice motore VFX usando React Three Fiber per emettere particelle nei tuoi progetti web 3D.

Motore VFX

Learn how to create beautiful fireworks with Three.js, React Three Fiber, and our VFX engine.

Fireworks

Impara a creare bellissimi fuochi d'artificio con Three.js, React Three Fiber e il nostro motore VFX.

Fuochi d'Artificio

Create an immersive 3D wizard game with Three.js and React Three Fiber where you'll implement spell-casting mechanics, enemy AI, and dazzling magical effects using custom VFX techniques.

Wizard Game

Crea un coinvolgente gioco 3D di maghi con Three.js e React Three Fiber dove implementerai meccaniche di lancio di incantesimi, IA nemica ed effetti magici abbaglianti utilizzando tecniche VFX personalizzate.

Learn how to use WebGPU with Threejs and discover the new Three Shading Language (TSL) with React Three Fiber.

WebGPU / TSL

Scopri come utilizzare WebGPU con Threejs e scopri il nuovo Three Shading Language (TSL) con React Three Fiber.

Leveraging TSL and WebGPU for GPGPU particle simulation

GPGPU particles with TSL & WebGPU

Sfruttare TSL e WebGPU per la simulazione di particelle GPGPU

Particelle GPGPU con TSL & WebGPU

Portfolio

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

3D World

Crea un portfolio dall'aspetto eccezionale con tutto quello che hai imparato finora.

Portfolio: Mondo 3D

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

HTML interface

Parte 2 del progetto portfolio: creazione dell'interfaccia HTML.

Portfolio: Interfaccia HTML

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

Responsive

Parte finale del progetto portfolio. Renderemo il nostro sito web responsivo.

Portfolio: Responsivo

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