使用 Three.js 的地形碰撞问题

【问题标题】：Issue with Terrain Collision using Three.js使用 Three.js 的地形碰撞问题
【发布时间】：2013-03-28 16:51:54
【问题描述】：

我已经通过 Three.js 中的高度图创建了一个地形，并且正在使用 mrdoob 的 misc_controls_pointerlock 进行碰撞和移动。但是，当我执行 objects.push(terrainobj); 时，性能下降到大约 3fps（从 60 左右）并且没有与地形发生碰撞。碰撞是通过光线实现的。我该如何解决这个问题？

【问题讨论】：

标签： three.js webgl collision terrain heightmap

【解决方案1】：

如果它只是一个高度图，您可以避免使用光线并直接在位图中进行碰撞检查（使用画布和图像数据）。

您只需将您的 XZ 世界位置转换为高度图中的 XY 像素。然后，如果您在世界中的 Y 位置低于像素的颜色值，那么您将对象向上移动。

【讨论】：