1 | initial version |
The camera in Three.js can be configured by creating an instance of the camera class and setting its properties. Here are some common camera properties that can be configured:
Position: The camera's position can be set using the position
property, which is a Vector3
object representing the camera's x, y, and z coordinates.
Target: The camera's target can be set using the lookAt
method, which takes a Vector3
object representing the point that the camera should be looking at.
Field of view: The field of view of the camera can be set using the fov
property. This value represents the angle in degrees between the top and bottom of the camera's frustum.
Aspect ratio: The aspect ratio of the camera can be set using the aspect
property. This value is the ratio of the width to the height of the camera's view.
Near and far clipping planes: The near and far clipping planes of the camera can be configured using the near
and far
properties. These values determine which objects are visible within the camera's frustum.
Example code for configuring a camera in Three.js:
const camera = new THREE.PerspectiveCamera(
75, // field of view
window.innerWidth / window.innerHeight, // aspect ratio
0.1, // near clipping plane
1000 // far clipping plane
);
camera.position.set(0, 0, 5); // set camera position
camera.lookAt(0, 0, 0); // set camera target