Working with the camera
Three.js has several camera controls you can use to control the camera throughout a scene. These controls are located in the Three.js distribution and can be found in the examples/js/controls
directory. In this section, we’ll look at the following controls in more detail:
ArcballControls
: An extensive control that provides a transparent overlay that you can use to easily move the camera around.FirstPersonControls
: These are controls that behave like those in first-person shooters. You can move around with the keyboard and look around with the mouse.FlyControls
: These are flight simulator-like controls. You can move and steer with the keyboard and the mouse.OrbitControls
: This simulates a satellite in orbit around a specific scene. This allows you to move around with the mouse and keyboard.PointerLockControls
: These are similar to the first-person controls but they also lock the mouse pointer to the screen, making it a great...