使用轨迹球控件手动设置摄像机位置和fov(THREEJS)

时间:2017-05-11 07:48:16

标签: javascript three.js controls perspectivecamera trackball

我在THREE.JS中手动设置了我position的{​​{1}}和fov。它的行为与预期一致。但是,一旦我尝试稍后通过perspective camerascene进行互动,它就会显示黑屏,没有错误。

JS Fiddle

相关代码:

TrackBall Controls

我错过了哪一步,以便能够与var bbox = new THREE.Box3().setFromObject(scene); var center = bbox.getCenter(); var size = bbox.getSize(); // update some controls properties controls.target.set(center.x, center.y, center.z); // position the camera on the y axis camera.position.set(center.x, center.y - size.y, center.z); // fit FOV var dist = size.y / 2; var fov = 2 * Math.atan( size.z / ( 2 * dist ) ) * ( 180 / Math.PI ); camera.fov = fov; camera.updateProjectionMatrix();

正确互动

由于

====编辑

根据接受的答案工作小提琴:Fiddle

0 个答案:

没有答案