Back to Browse

Create A 3D Model Showcase With React, Three.js, and React Three Fiber

24.8K views
Oct 13, 2022
8:05

🎓 Join my learning platform for module based courses, learning exercises, and more: https://coderprep.com/ BMW GLB: https://github.com/coopercodes/bmwGLB In this video I show you guys how to create a 3D model showcase using Three.js and React Three Fiber. Adding 3D components to your website can make them stand out, and creating a 3D showcase is a great way to also show off products or functionality. This is also a great start for anyone interested in using Three.js in their React projects, and is easy to build upon. Feel free to use any GLB file you want, and the rendering should work the same! Final code: https://github.com/coopercodes/3DModelShowcase Business inquiry? Email [email protected] 0:00 Intro / Project showcase 0:17 Download BMW GLB (Link in description) 0:27 Create React app 1:30 Project imports 1:53 Create Model component 2:55 Create showcase code 6:34 Final project 6:45 Discussing lighting / canvas options 7:54 Outro / Thanks for watching!

Download

0 formats

No download links available.

Create A 3D Model Showcase With React, Three.js, and React Three Fiber | NatokHD