javascript - ThreeJS - 错误的光旋转

Question

无论导入场景，还是通过代码创建每个网格和灯光，都会出现以下问题。

我的场景由一个平面、一个立方体和一个聚光灯组成。聚光灯在 y 轴上旋转 45 度。在示例 1 中，它位于点 (4, 0, 4)。在示例 2 中，它位于点 (4, 0, 5)。

灯光的旋转始终为 45 度(0.785398163 弧度)。

为什么光线总是指向立方体正面的中心？我假设它会按照 blender 中所示的方式渲染示例 2，指向立方体的边缘。

以下是示例:

第一个示例(正确旋转):

我在 Blender 中有这个场景:

它用 ThreeJS 来渲染:

第二个示例(错误旋转):

我在 Blender 中有这个场景:

它在 ThreeJS 中以这种方式呈现:

Answer 1

Three.js 中的

SpotLights 不会将其 rotation 属性用于任何用途。相反，他们使用 light.target，它是一个 Object3D。

三.js r.68