Back to videos

Making our React Three Fiber Scene Looks Better

Need help while watching this video? Join our Discord community .

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

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