Build a 3D Portfolio with React Three Fiber - Blender Baking

In this second chapter, we will:

  • create an office room with Blender
  • furnish it with free 3D assets
  • load it into our threejs scene
  • bake the lights and shadows into one single texture
  • use this texture in our react three fiber project

Get the starter pack here 🔗
https://github.com/wass08/r3f-vite-starter

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

threejs #r3f #blender

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

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

Poly Haven PBR Textures
https://polyhaven.com/textures
https://polyhaven.com/a/dark_wooden_planks

Blender
https://www.blender.org/

Blender Donuts Tutorial
https://www.youtube.com/watch?v=nIoXOplUvAw

Blender Room tutorial
https://www.youtube.com/watch?v=8XZQhLRQTDw

Free 3D Assets
https://poly.pizza/

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

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