In this final part we will finish building our 3D portfolio with React Three Fiber.

In this fourth chapter, we will:

• Animate our avatar based on the scroll through the different sections
• Add a 3D project slider section
• Add background color animations with gsap
• Add video texture into the computer screen

Get the starter pack here 🔗
https://github.com/wass08/r3f-portfolio-scroll-animations

Our main inspiration for the final portfolio
https://david-hckh.com/

threejs #r3f #portfolio

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

Final source code
https://github.com/wass08/r3f-portfolio-final

Framer motion
https://www.framer.com/motion/introduction/

Framer motion 3D
https://www.framer.com/motion/three-introduction/

GSAP
https://greensock.com/gsap/

Tailwind
https://tailwindcss.com/docs/

React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction

Mixamo
https://www.mixamo.com/

R3F Drei
https://github.com/pmndrs/drei