How to build a 3D product configurator? Together we will build a table configurator using threejs with React Three Fiber.
We will customize:
- The legs layout
- The legs' color
- and the table width
Get the starter pack here 🔗
[ Ссылка ]
The text version of the tutorial is available here
[ Ссылка ]
#threejs #reactjs #r3f
▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬
My complete course to learn React Three Fiber
[ Ссылка ]
Link to the final result
[ Ссылка ]
Link to the source code
[ Ссылка ]
React Three Fiber documentation
[ Ссылка ]
R3F Drei
[ Ссылка ]
PBR Textures
[ Ссылка ]
Create your React App in a minute with Vite
[ Ссылка ]
Material UI
[ Ссылка ]
If you want to dive deeper into Three.js I highly recommend you to follow Bruno Simon complete tutorial named Three.js Journey.
[ Ссылка ]
I also have a discount code just for you to get -20%
[ Ссылка ]
▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬
00:00 - Intro
00:44 - 3D Model
01:11 - Project setup
02:37 - Table legs layout
05:08 - Help the channel
05:08 - Legs color
06:00 - Table width
06:40 - Smooth animation with lerp
07:47 - Thank you
▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬
Become a member to get access to awesome perks:
[ Ссылка ]
▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬
💻 The Discord Community
[ Ссылка ]
📸 Instagram :
[ Ссылка ]
🎎 Facebook :
[ Ссылка ]
🐦Twitter :
[ Ссылка ]
🐦TikTok :
[ Ссылка ]
💻 My website :
[ Ссылка ]
🎨 The end screen artist (aka My friend) :
[ Ссылка ]
