THREE.js ORBITCONTROLLS更改mouseButtons不起作用

时间:2018-12-11 13:00:48

标签: javascript three.js orbit-controls

您好,我正在尝试使用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是否在其中

希望有人可以帮助我

1 个答案:

答案 0 :(得分:0)

this commit起,mouseButtons对象已更改其键。您不再指定ORBITZOOMPAN,而是将鼠标按钮映射到映射按钮。您正在使用哪个版本的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();

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