ThreeJS 调整相机旋转

【问题标题】：ThreeJS Adjuste camera rotationThreeJS 调整相机旋转
【发布时间】：2020-03-10 15:00:11
【问题描述】：

我只是想知道如何将这个相机 (airportCamera) 旋转到 180°？我尝试了 camera.rotation.y 但我认为我做得不对。

aerialCamera = new THREE.PerspectiveCamera(80, w/h, 0.1, 1000); 
aerialCamera.position.set(0, 35, 0);
aerialCamera.lookAt( scene.position );
scene.add( aerialCamera );

一张图让我明白我想要什么：

【问题讨论】：

标签： three.js camera rotation

【解决方案1】：

问题是lookAt 需要一个指向相机顶部朝向的方向的up 向量。默认值为 up 是 0、1、0 或向上，但由于您要让相机直接从相机顶部向下看（就像想象您手中实际上有一个真正的相机，它有顶部、前部、底部，背等）没有指向（朝向天空）

你可以通过两种方式解决这个问题

(1) 给三个.js 一个相机的up 值

camera.up.set(0, 0, 1) 或 camera.up.set(0, 0, -1)。然后拨打camera.lookAt(...)

(2) 不要使用查看。

那么camera.rotation.set(Math.PI / -2, 0, 0) 或camera.rotation.set(Math.PI / -2, 0, Math.PI)

【讨论】：