React Three Fiber：如何调整PerspectiveCamera的拍摄角度？

有两种简单的方式可以实现这个需求：

方式一：使用lookAt属性直接指定朝向 #

react-three-fiber 支持直接给PerspectiveCamera添加lookAt属性，传入一个目标点坐标，相机会自动朝向该点。要朝向y轴负方向，直接传入[0, -1, 0]即可（这个点在y轴负方向上）：

<Canvas>
  <PerspectiveCamera
    makeDefault
    fov={50}
    position={[0, 0, 80]}
    lookAt={[0, -1, 0]}
  />
</Canvas>

方式二：直接设置相机的旋转角度 #

相机当前朝向z轴正方向，要转向y轴负方向，只需要绕x轴旋转90度（也就是Math.PI/2弧度）。直接给相机设置rotation属性即可：

<Canvas>
  <PerspectiveCamera
    makeDefault
    fov={50}
    position={[0, 0, 80]}
    rotation={[Math.PI / 2, 0, 0]}
  />
</Canvas>

两种方式都能达到效果，lookAt更直观，适合需要看向特定目标的场景；直接设置旋转则更适合固定角度的需求。

内容的提问来源于stack exchange，提问作者Rich