javascript - Three.js-如何限制 3D 场景中的摄像机 View ？

Question

我将第一人称控件添加到 three.js 场景中。我想限制摄像机 View ，以便不显示场景的末端。我正在使用 three.js 库中的 firstpersoncontrols.js，其中包括鼠标、W、A、S、D 和箭头控件。如何使用控件限制相机 View ？我已经尝试限制控制距离。到目前为止，这是我对相机和控件的了解:

camera = new THREE.PerspectiveCamera( 55, window.innerWidth / window.innerHeight, 1, 20000 );
            camera.position.set( 30, 30, 100 );
            //
            controls = new THREE.FirstPersonControls( camera );
                        controls.movementSpeed = 100;
                        controls.enabled=true;
                        controls.maxDistance=50;//no change
                        controls.minDistance=10
                        controls.enablezoom=false;

https://codepen.io/anon/pen/baNJGR

Answer 1

如果你想调整你的相机应该看到多远和多宽，那么你可以调整 FOV，near 和 far 参数 (PerspectiveCamera( fov, aspect, near, far ) )。

例如，尝试使用这些值创建相机(在 codepen 示例中尝试)，

camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 200 );

您可以更改 FOV 来决定相机模拟 View 的宽度，并更改 far 参数来调整相机应该看到的距离。