THREE.js OrbitControls 不起作用

Question

我很确定我的 JavaScript 代码中有使用 Three.js OrbitControls 所需的一切。 我有：

<script>"OrbitControls.js"></script>

并且：

var cameraControls;
cameraControls = new THREE.OrbitControls(camera, renderer.domElement);

它没有抱怨。 但我的错误说...

未捕获的类型错误：无法在 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 };

我不知道如何解决它，任何东西都将不胜感激！！

Answer 1

就像@ryanpcmcquen 在他的评论中已经暗示你缺少THREE.MOUSE对象一样。 您也应该加载three.js库来完成这项工作。

THREE.MOUSE = { LEFT: 0, MIDDLE: 1, RIGHT: 2 };

更新

确保在代码中定义了THREE.MOUSE对象的位置加载了库的build版本。 我建议从http://threejs.org/网站下载它。

这两个文件都有THREE.MOUSE对象。

注意：还要考虑库的正确加载顺序。 您必须在three.js脚本之前包含three.js OrbitControls.js脚本。