React-three实现3D游戏（八）-第一视角

3D模型在线预览提供多种低代码平台3D模型在线预览解决方案，实现了将多种3D模型格式无缝集成到低代码业务表单中。这意味着用户可以在不离开低代码平台的情况下，直接查看和操作3D模型，极大地提升了数据可视化的效果和用户交互体验。

第一视角

方案一

如果不使用ecctrl，可以直接使用three中自带的个人视角相机来实现。关于这种实现官网有相关的案例参考无需赘述：

第一视角射击游戏

第一视角3D平台跳跃

这种实现不需要借助其他依赖库，可进行很强的自定义，性能也相对较优。

方案二

而我们已经习惯使用ecctrl了，而在ecctrl中也很简单只需要配置相关的参数即可。关键的是它自带pc手机端适配，你不需要对控制做太多处理工作，不需要自己实现一个虚拟摇杆来适配手机（实际上自己实现也不复杂）。

综上我们这次使用方案二。

我们直从github上 ecctrl 库的说明上找到相关配置参数

同时去除掉玩家关于动画部分的设置，重新添加音频的lisenter到音频自身的模型上（因为ecctrl下没有其他实际模型了）你也可以添加一个透明模型放在Ecctrl组件中，将lisenter绑定到它身上。