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

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

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
https://market.pmnd.rs/

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