在 Three.js 中旋转正交相机（阴影相机）

Question

我正在尝试将阴影相机旋转 45 度。我已经设法使用以下代码旋转了它所连接的定向光：

sunlight = new THREE.DirectionalLight(0xffffff, 1);
sunlight.position.x = -camera.position.x ;
sunlight.position.y = 300;
sunlight.position.z = camera.position.z ; //default; light shining from top

var vector = new THREE.Vector3;
vector.subVectors(scene.position, sunlight.position);
var q = new THREE.Quaternion();
q.setFromAxisAngle( vector.normalize(), Math.PI / 4 );
sunlight.applyQuaternion( q );

但是，阴影相机并没有像我预期的那样随着光线旋转。尝试使用相同的代码旋转阴影相机本身是行不通的。如何围绕中心点旋转正交相机？

在附加的图像中，阴影相机可以看作是橙色的正方形。灯光是黑色正方形，旋转了 45 度。我还需要对橙色正方形应用相同的旋转，所以蓝色箭头指向西北。

提前致谢。

Answer 1

THREE.js 中的定向灯的行为与您预期的不同。有一个灯光始终指向的 light.target Vector3 参数。所以改变灯光的旋转并不会真正起到多大作用。尝试更改 light.target 以瞄准灯光。要影响阴影相机的滚动，您可以使用 camera.rotation.order = "ZYX" 设置其欧拉的顺序。让我知道这是否有帮助。

@乔摩根