javascript - 将位置设置为其他对象的位置在 THREE.js 中不起作用

Question

我正在尝试 Three.js，并尝试将聚光灯放置在相机的位置。我使用以下代码(剥离窗口创建):

$(document).ready(function() {
    init();
});

function init() {
    var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 1000 );
    camera.position.set(50, 10, 0);
    camera.lookAt(new THREE.Vector3(0, 0, 0));
    var spotLight = new THREE.SpotLight( 0xffffff );
    spotLight.position = camera.position;
    console.log(camera.position);
    console.log(spotLight.position);
}

我得到的输出是camera.position为50,10,0(如预期)，但spotLight.position为0,1,0 - 即使很难我只是将其设置为指向相同的值？

Answer 1

尝试

spotLight.position.set(camera.position.x, camera.position.y, camera.position.z)

位置是只读的