Learning how to import 3d models and make it interactive. I've used the capybara model from https://sketchfab.com/3d-models/capybara-d1f23786f9fa49038d8148c5f620f3a4. Built with Three.js, GLTFLoader, OrbitControls, and GSAP. Click to jump!
- 3D model loading using GLTFLoader.
- Smooth camera controls with OrbitControls.
- Interactive animations using GSAP.
- Ambient lighting for better visual effects.
https://capybara-3d-viewer.vercel.app/
- Clone the repo:
git clone https://github.com/wp043/capybara-3d-viewer.git
- Navigate to the project directory:
cd capybara-3d-viewer
- Install dependencies:
cd capybara-3d-viewer
Start the development server:
npm run dev
Open your browser and go to http://localhost:5173