javascript - THREE.js ORBITCONTROLLS 更改鼠标按钮不起作用

Question

你好，我正在尝试用 THREE.js 做点什么，但出于某种原因，我的 .mouseButtons 不工作

var controls = new THREE.OrbitControls( camera, renderer.domElement );
            controls.target.set( 0, 25, 0 );
            controls.mouseButtons = {ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT };
            controls.update();

我在那里添加了 THREE.js，我检查了 THREE.MOUSE 是否在那里，如果我添加那部分代码鼠标按钮完全禁用

希望有人能帮帮我

Answer 1

自 this commit , mouseButtons 对象改变了它的按键。您不再指定 ORBIT、ZOOM 和 PAN，而是将鼠标按钮映射到映射按钮。您使用的是哪个版本的 THREE.js？这可能是您遇到问题的原因吗？

在当前版本中，您的代码(以我的理解)应该如下编写:

var controls = new THREE.OrbitControls( camera, renderer.domElement );
    controls.target.set( 0, 25, 0 );
    controls.mouseButtons = {LEFT: THREE.MOUSE.LEFT, MIDDLE: THREE.MOUSE.MIDDLE, RIGHT: THREE.MOUSE.RIGHT};
    controls.update();

但是请注意，这些已经是默认映射，因此如果您不打算更改它们，则可以省略整行。