Making our React Three Fiber Scene Looks Better
Let's edit our animated scene to make it look more professional!
The details matter and that's what we will focus on:
-
PostProcessing Effects
-
Color correction
-
Fixing bugs
-
Adding some cool (lighting) effects
All the included models are from PMNDRS Market.
Get the starter pack here š (which is the final from last week's video)
https://github.com/wass08/r3f-react-spring-final
#threejs #r3f #react
Resources
Link to the final result
https://codesandbox.io/p/github/wass08/r3f-react-spring-final-v2/
Link to the source code
https://github.com/wass08/r3f-react-spring-final-v2
PMNDRS Marketplace
PostProcessing Documentation
https://docs.pmnd.rs/react-postprocessing/introduction
React Spring Documentation
https://www.react-spring.dev/docs/getting-started
Lamina library documentation
https://github.com/pmndrs/lamina
React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
R3F Drei
https://github.com/pmndrs/drei
Need help with this tutorial? Join our Discord community!