如何在JavaScript中使用Three.js构建FPS控件？

Question

目前我正尝试使用Three.js构建一个小型3D FPS游戏。但我需要一些控制方面的帮助。

为了解释我想做什么，这个视频将向您显示我想要的结果（只是控件，而不是世界）： https://www.youtube.com/watch?v=WDDJDTeTBc4

我无法找到有关此控件的任何开源示例或教程，因此我在此寻求帮助。我到底要做什么？

我对以下内容感兴趣，但也许它不是最好的（快速）方式： - 指针锁定鼠标（如何更改相机＆＃39;旋转＆＃39;？），移动鼠标=观看周围 - 按键控制（W，A，S，D移动） - 相机背后的角色（只是一个简单的球体几何体）

这是正确的方法吗？像Minecraft一样控制，在摄像机后面有一个角色。有任何想法吗？我很高兴每一条对我有帮助的评论。

Answer 1

如果你想用相机移动物体（你的角色），就像将物体添加到相机或将相机添加到物体一样简单......

类似于：

var character = ...

var camera.add(character);

var controls = new THREE.PointerLockControls(camera);

这未经过测试，但您明白了。

您可以查看the source code of your example了解其他详细信息。