This is a React app built with ViteJS. The app displays my 3D glb model created in Blender whitch uses ScrollControls and GSAP timeline to animate model and user interface. It also includes a subpage route where you can interact with the same model. You can move around with OrbitControls, click on different parts with camera foucus with Bounds, display mesh name on hover near the cursor and change mesh material color.
- @react-three/drei": ^9.56.25
- @react-three/fiber": ^8.11.2
- gsap": ^3.11.4
- react": ^18.2.0
- react-dom": ^18.2.0
- react-router-dom": ^6.9.0
- sass": ^1.58
Clone the project
git clone https://github.com/buziusbastus1/guitar-displayGo to the project directory
cd guitar-displayInstall dependencies
npm installStart the server
npm run start