Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏠 3D Interior Walkthrough — Three.js + Rapier Physics

A high-performance and interactive 3D interior walkthrough built using Three.js, Rapier physics, and custom navigation logic.
This project allows the user to walk inside a 3D room, rotate the camera, hover a pointer on objects, and click anywhere to move there smoothly.


🚀 Features

  • ✔ Smooth click-and-drag rotation
  • ✔ Forward/backward movement using mouse wheel
  • ✔ Rapier3D physics-based collision
  • ✔ Pointer hover system that detects objects
  • ✔ Click-to-move navigation with obstacle-aware stopping
  • ✔ Smart snapping to floor and boundaries
  • ✔ Cached GLTF model loading for faster experience
  • ✔ Clean modular architecture

🛠 Technologies Used

  • Three.js — 3D rendering
  • Rapier3D — physics & collision
  • Vite — recommended development server

▶️ Getting Started

Install dependencies

npm install

Start development server (Vite)

npm run dev

Build for production

npm run build

About

3D Interior Walkthrough - Three.js

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages