I have created a Three.js scene of an interior space which I want to allow users to explore. The building has a narrow, circular corridor around a central room and I want users to be able to walk around this corridor. Using the default mouse navigation controls has proven to be very awkward for two reasons:
- The perspective camera orbits around a target point which is too easily outside the corridor walls. This causes the user to left-click and drag, hoping to look around, and they very quickly orbit outside of the corridor which I want to avoid.
- Dollying to navigate around the circular corridor can be difficult, particularly when faced with the issue above.
Is there a way of rigging the camera so that when the user left-clicks and drags, to orbit, the view always orbits around the camera as opposed to the target?
Can anyone suggest an approach which would allow more of a Google Streetview methodology for navigating or perhaps hotspots on the floor which the user could point to and click on which would animate the camera to the related coordinates?
Many thanks.