Three.js 之相机介绍

透视相机（perspective camera）

在透视相机渲染出来的 3D 场景中，远处的物体比较小，近处的物体比较大。

视野区域（FOV）：人眼所能看到的视野一般是 180°，但是在显示器中，显示的区域没有那么大，FOV 用来控制视野区域的，一般是 60° - 90°。
比例（aspect）：水平方向和垂直方向的方面比例，一般情况下可以设置成：window.innerWidth / window.innerHeight
近距（near）：近距属性设置场景和相机之间的距离，一般设置一个比较小的值（0.1）来渲染场景中的所有物体。
远距（far）：远距设置相机能够看到多远的距离，过于小会导致场景的一部分不会被渲染；过大则会影响渲染性能。
聚焦（zoom）：聚焦越大，物体越大。1 为正常，小于 1 为缩小，大于 1 为放大；如果是负数，场景会上下颠倒。一般用在正交相机中（orthographic camera），在透视相机中通过 position 的 z 轴来实现聚焦。

FOV 决定了水平方向的视野，然后通过设置 aspect 来调整垂直方向和水平方向的比例，垂直方向的视野也就计算出来了，通过 near 和 far 来设置渲染的视野区域范围。

正交相机渲染出来的场景，没有近大远小的效果，无法通过 FOV ，aspect 设置场景大小。而是通过设置位置距离来实现。

设置完位置距离以后，距离之外的范围将不被渲染。

为了利于调试，有时候需要知道当前相机的渲染范围，可以通过添加一个 helper 相机来显示当前的相机朝向的位置：

  const helper = new THREE.CameraHelper(camera);
  scene.add(helper);

  // 场景更新时调用
  helper.update();

通过不同的相机控制器，可以使相机具有不同的交互方式和视角，控制器有：