javascript - Three.js OrbitControls enableRotate/Pan = false 似乎不起作用

Question

我想使用 OrbiteControls 在我的透视相机上将 .enableRotate 和 .enablePan 设置为 false

我已经尝试设置它们，因为它不起作用，我找到了解决方法:

controls.maxPolarAngle = 0;
controls.maxAzimuthAngle = - Math.PI;

但是由于 .enablePan 没有类似的东西，所以我被困在那里。也许是我使用方式有问题？

这里是代码笔，如果您喜欢使用它或尝试一下:https://codepen.io/greg_o/pen/jdwZYZ

我想这是您感兴趣的代码部分:

function init() {
    camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 1000);
    camera.position.z = 68;
    controls = new THREE.OrbitControls(camera);
    controls.maxDistance = 300;
    controls.minDistance = 30;
    controls.enableRotate = false;
    controls.maxPolarAngle = 0;
    controls.maxAzimuthAngle = - Math.PI;
    controls.enablePan = false;
 }

只是想说这支笔最初来自 Nikita Skargovskii

Answer 1

使用最新版本的third.js和OrbitControls似乎可以解决这个问题:https://codepen.io/anon/pen/exRQYo

您之前使用过版本 84，该版本已有两年多的历史。始终使用最新版本的 Three.js，并确保示例目录中的文件(如 OrbitControls)与您的 Three.js 版本匹配> 文件。