我很确定我拥有使用Three.js OrbitControls的JavaScript代码所需的一切。我有：
<script>"OrbitControls.js"></script>
并且：
var cameraControls;
cameraControls = new THREE.OrbitControls(camera, renderer.domElement);
它没有抱怨。但是我的错误说...
未捕获的TypeError：无法在public_html / OrbitControls.js：76读取未定义的属性“ LEFT”（21：20：28：855 |错误，javascript）
它引用了OrbitControls文档，其中指出：
this.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT };
我不知道如何解决它，任何事情将不胜感激！
就像@ryanpcmcquen在他的评论中已经暗示的那样，您缺少THREE.MOUSE对象。您也应该加载three.js库以使此工作正常进行。
该THREE.MOUSE对象在three.js库的核心中定义。
THREE.MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2 };
确保已build加载库的版本，该库的版本THREE.MOUSE在代码中定义了对象。我建议从http://threejs.org/网站下载它。
这两个文件都有THREE.MOUSE对象。
注意：还请考虑库的正确加载顺序。你将不得不包括three.js脚本之前，你的OrbitControls.js脚本。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句