Back to videos
Build a 3D Portfolio with React Three Fiber - Avatar animations
Need help while watching this video? Join our Discord community .
Let's build a 3D portfolio with Three JS and React Three Fiber in the style of David Heckhoff.
In this first chapter, we will:
-
create your own avatar with Ready Player me
-
learn how to use Mixamo animations without Blender
-
move bones independently
-
make the head follow the mouse cursor
-
display a model in wireframe mode
Get the starter pack here š
https://github.com/wass08/r3f-vite-starter
Our main inspiration for the final portfolio
#threejs #r3f #portfolio
Resources
Final source code
https://github.com/wass08/r3f-portfolio-avatar
Ready Player Me
Blender
Mixamo
React Three Fiber documentation
https://docs.pmnd.rs/react-three-fiber/getting-started/introduction
R3F Drei