摄像头移动控制启用并在三个JS中禁用

Question

我使用了轨道控件。我创建了2个按钮enable和disable。controls.rotate=false这不起作用。在我的代码下方。我犯了什么错误？

camera3D = new THREE.PerspectiveCamera(angle, width / height, near, far);
        camera3D.position.set(0, 10, 500);
        controls = new THREE.OrbitControls( camera3D, renderer3D.domElement );
        controls.rotateSpeed = 0.50;
        controls.zoomSpeed = 1.2;
this.disableMode = function(){
            console.log('disable work');
            controls.enabled = false;
            controls.rotate = false;
            controls.update();
        }

Answer 1

您需要做的就是设置minpolarangle＆amp;maxpolarangle到相同的值。

尝试这个：

var controls = new THREE.OrbitControls(camera, DOMElement);
// controls.addEventListener( 'change', render ); // call this only in static scenes 
// (i.e., if there is no animation loop)
controls.enableDamping = true; 
// an animation loop is required when either damping or auto-rotation are enabled
controls.dampingFactor = 0.05;
controls.screenSpacePanning = true;
controls.minDistance = 22;
controls.maxDistance = 115;
// Angle in radians
// this can be used to fix your problem.
// Just setup to 0 or any other angle you needed...
// Must bve same value `minPolarAngle` and `maxPolarAngle`.
controls.minPolarAngle = 0; // 1.5 * Math.PI / 12; 
controls.maxPolarAngle = 0; // 1.5 * Math.PI / 3;
controls.minAzimuthAngle = - Math.PI / 2;
controls.maxAzimuthAngle = - Math.PI / 2;
controls.target.set(1, 4, -8.5);