三个JS检查位置是否在对象后面

Question

我有一个 3D 角色以及地板上的几个预定义位置。有没有办法检查某个位置是否位于 3D 角色后面而不是前面或侧面？

我已经包含了我想要实现的目标的粗略草图（抱歉画得不好）。本质上，我想返回红线内红色圆圈的所有位置，并排除这两条线之外的所有其他圆圈。

这可能吗？如果是这样，对我如何实现这一目标有什么建议吗？很抱歉，但我实际上不知道应该使用三个 JS 中的哪些函数来完成这样的事情，或者是否可能。

谢谢你！

Answer 1

是的，这是可能的。

首先，您首先检查点/圆圈是否位于玩家后面。您可以通过获取玩家所面对的方向（单位向量）和圆的方向向量（对其进行标准化，使其也是单位向量）之间的点积来实现此目的。如果值 dotProduct <= 0 则圆圈位于玩家后面。

（单位向量意味着你的向量的大小为 1。这是一种奇特的方式来表示你的 x/y/z 永远不会超过 1）

代码示例

// Let's assume that the following code is in some sort of loop, yes

// Get the direction vector to the circle
const directionVect = circle.position.clone().sub(player.position).normalize();

// If your player is a camera you can get the direction like so
const playerFacing = player.getWorldDirection(new THREE.Vector3());

// Orientation
if (playerFacing.dot(directionVect) <= 0) {
    // Circle is behind the player
    // ...to be continued...
} else {
    return;
}

现在你知道哪些圆圈在你的玩家后面，你可以得到这些圆圈锥体内。这是通过获取玩家位置和圆圈位置之间的角度来完成的。然后检查角度是否符合某些标准（例如，与玩家背部的角度不能超过 45 度）。

// ...

// Orientation
if (playerFacing.dot(directionVect) <= 0) {
    // Circle is behind the player
    const angle = player.position.angleTo(circle.position);
    
    if (angle < Math.PI * 0.25) {
        // Do something with circle
    }
} else {
    return;
}