Skip to content

wp043/capybara-3d-viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Capybara 3D Model Viewer

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!

Features

  • 3D model loading using GLTFLoader.
  • Smooth camera controls with OrbitControls.
  • Interactive animations using GSAP.
  • Ambient lighting for better visual effects.

Checkout deployed version:

https://capybara-3d-viewer.vercel.app/

Installations

  1. Clone the repo:
    git clone https://github.com/wp043/capybara-3d-viewer.git
  2. Navigate to the project directory:
    cd capybara-3d-viewer
  3. Install dependencies:
    cd capybara-3d-viewer

Usage

Start the development server:

npm run dev

Open your browser and go to http://localhost:5173

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published