THREE.js：两个场景具有相同的相机位置

Question

我要在彼此之上添加两个场景，可以使用滑块将顶部的场景淡出和放大。您也可以用鼠标转动对象以获取概述。

我希望两个场景的相机位置都相同。现在我转过场景1，然后在场景2中淡入淡出，场景2处于起始位置，而不是像场景1一样的位置

我在两个场景中都使用同一台摄像机：

function init() {
    ...
        scene.add(threeCam);
        scene2.add(threeCam);
}

function animate(time) {

const delta = clock.getDelta();

if($('#three-viewer2 canvas').css('opacity') == 0) {
        if (renderAlpha < 255) cameraControls.update(delta);
}
if($('#three-viewer2 canvas').css('opacity') > 0) {
        if (renderAlpha < 255) cameraControls2.update(delta);
}
}

有没有一种方法可以自动更新场景2中摄像机的位置？

Answer 1

好吧，将3D对象添加到两个不同的父对象是无效的。建议您将camera.matrixAutoUpdate设置为false，并在渲染场景之前手动更新相机的世界矩阵。