在 THREE.js 中设置定向光的目标

Question

我的模型远离原点，我希望有定向光像阳光一样照射到模型上。

我为 DirectionalLight 设置了位置和目标：

export const dirLight = getDirectional(); 
function getDirectional()  {
    const dirLight = new DirectionalLight( 0xffffff, 1 );
    dirLight.position.set( 585000 + 10000, 6135000 + 10000, -500 + 5000);

    return dirLight;
};


const helper = new THREE.DirectionalLightHelper( dirLight, 1000 );
let t = new THREE.Object3D();
t.translateX(585000);
t.translateY(6135000);
t.translateZ(1000);
dirLight.target = t;
scene.add(dirLight);
scene.add(dirLight.target);
scene.add(t);
helper.update();
scene.add( helper );

我希望现在的光方向与光位置和光目标之间的矢量平行，但显然光方向仍然朝向场景的原点。我究竟做错了什么 ？

可以在这里看到一个运行示例

Answer 1

文档指出需要将目标添加到场景中以便计算世界坐标。然而，这似乎不起作用。

因此，我尝试手动更新世界坐标，结果成功了。可能这只适用于静态目标。

在你的情况下会添加

dirLight.target.updateMatrixWorld();