javascript - 如何在 Three.js 中相对于相机位置移动聚光灯？

Question

我希望有一个可以与相机一起移动的聚光灯。如果我只想始终将聚光灯保持在与相机相同的位置，则以下代码有效:

var pointLight = new THREE.PointLight( 0xffffff, 1, 200 );
pointLight.position = camera.position;
scene.add(pointLight);

但是，如何才能使聚光灯始终位于相机前面一定距离呢？或者一般来说，相对于相机的位置始终处于相同的位置？

Answer 1

将灯光添加到相机的层次结构中。 那么灯光的坐标系是相对于相机的。 然后只需沿 z 轴移动它即可。

camera.add( pLight );
pLight.position = new THREE.Vector3(0,0,10);