如何用键盘和鼠标控制相机 - three.js答案

【问题标题】：How to control camera both with keyboard and mouse - three.js如何用键盘和鼠标控制相机 - three.js
【发布时间】：2014-06-26 12:31:46
【问题描述】：

我在WEB GL 中有一个带有three.js 的3D 环境，我曾经使用orbitcontrols.js（http://codepen.io/nireno/pen/cAoGI 就像这个项目）来移动视点。现在我看到了一种使用 W A S D 键 (http://stemkoski.github.io/Three.js/Chase-Camera.html) 在环境中移动的好方法，就像在 FPS 中一样（但不使用指针锁定等），也使用 orbitcontrols.js。问题是，当我实现最后一个功能时，我失去了鼠标的第一个功能（我删除了 controls.update() 并在链接上使用了 customa update()）。

我的问题是我是否以及如何同时拥有这两种功能。键和鼠标都在移动相机。

谢谢

【问题讨论】：

标签： javascript camera three.js mouseevent webgl

【解决方案1】：

我想你想要这样的东西： https://github.com/mrdoob/three.js/blob/master/examples/js/controls/PointerLockControls.js

从这个 SO 问题中找到： Three.js First Person Controls

【讨论】：

我使用了 Pointer Lock API，但该项目在我的其他浏览器上都无法运行，因为这个 api 仍然是草稿。所以我不能用这个。它也隐藏了鼠标，但我希望能够看到鼠标，以便我可以单击对象。我只想在单击并拖动鼠标时改变视角，当我按下 WASD 等键时，相机改变位置。我要两个！我知道如何使用 orbitcontrols.js 让它们单独工作。