相机作为 Object3D 定位问题的子项答案

【问题标题】：Camera as child of Object3D positioning issues相机作为 Object3D 定位问题的子项
【发布时间】：2014-05-30 01:28:15
【问题描述】：

在这里设置一个简单的场景：

http://jsfiddle.net/majman/Sps3c/

我最初试图演示在让相机保持其相对偏移位置的同时旋转父容器时遇到的问题，但是在设置此示例时，我什至无法调整相机的初始位置。

当前问题：

// camera
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 5, 150);
camera.position.z = 50; // this doesn't work?

// object to contain camera & helper
cameraContainer = new THREE.Object3D();
cameraContainer.rotation.order = "YXZ"; // maybe not necessary

// add to container
cameraContainer.add(camera);
scene.add(cameraContainer);

现在，当旋转 cameraContainer 时，相机会随之旋转 - 但我希望相机的位置从 cameraContainer 偏移。由于某种原因，我无法修改任何位置属性。

【问题讨论】：

标签： camera three.js

【解决方案1】：

您的代码运行良好。您很困惑，因为CameraHelper 没有在其实际位置显示相机。您需要将CameraHelper 添加为scene 的子项。

// camera helper
cameraHelper = new THREE.CameraHelper( camera2 );
scene.add( cameraHelper );

更新小提琴：http://jsfiddle.net/Sps3c/1/

提示：我在您的演示中添加了OrbitController，以便更好地了解情况。

three.js r.66

【讨论】：

啊！有一种感觉，我忽略了一些简单的事情......谢谢！