math - Three.js 精准地形碰撞

Question

一直在使用 WebGL 库 Three.js 开发游戏引擎。我有基本的地形碰撞功能，可以找到用户站立的面孔。使用面顶点的平均或最大 Y 位置是不够的。

我可以使用什么公式来找到物体相对于“站立”在其上的地形面的确切 Y 位置？假设我知道面的四个顶点位置和对象向量位置。

平面是一个由高度图增强的 THREE.PlaneGeometry(2000,2000,128,128)。上图是其中一张面孔。

Answer 1

我不能把代码放在评论里，所以我把它放在这里。 你不需要做数学。让 three.js 为你做。您可以执行以下操作:

var plane = new THREE.Plane();
plane.setFromCoplanarPoints (v1, v2, v3);

// x, y, z: position of your object
var ray = new THREE.Ray (new THREE.Vector3(x, y, z), new THREE.Vector3(0, 1, 0));
var where = ray.intersectPlane (plane);

并且在 Vector3 的“位置”中，您可以使用 y 分量来更改对象的位置。