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.
- ✔ 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
- Three.js — 3D rendering
- Rapier3D — physics & collision
- Vite — recommended development server
npm install
npm run devnpm run build