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
#threejs #r3f #blender
Resources
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
Blender Donuts Tutorial
https://www.youtube.com/watch?v=nIoXOplUvAw
Blender Room tutorial
https://www.youtube.com/watch?v=8XZQhLRQTDw
Free 3D Assets
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!