JavaScript 游戏碰撞

Question

在线性格斗游戏中，我使用下面的公式来获得 X 碰撞和 Y 碰撞（当角色跳到另一个战士的顶部时）。 我真的不知道这个公式有什么问题，因为我在游戏中遇到了一些无意义的逻辑错误。（当发生碰撞时，我会向前和向后移动角色，所以有时我会得到无意义的位置。 除了我的公式，如果你还有其他公式，请分享。谢谢

    if (this.x < secondPlayer.x + secondPlayer.width + this.border &&
        this.x + this.width + this.border > secondPlayer.x && this.y < secondPlayer.y + secondPlayer.height + this.border &&
        this.height + this.y + this.border > secondPlayer.y && this.x != secondPlayer.x){
            return 'x';
        }
        else if (this.x == secondPlayer.x && this.y < secondPlayer.y + secondPlayer.height + this.border &&
            this.height + this.y + this.border > secondPlayer.y) {
                return 'y';
     }else{
         return 'n';
     }

Answer 1

我没有时间给你一个准确的答案，只是将你重定向到bounding boxes。定义一个像矩形这样的结构并检查链接中的边框：

myBox.x = this.x 
myBox.y = this.y
myBox.width = this.width + this.border
myBox.height = this.height + this.border

你也可以有不同的方法：

myBox.left = this.x 
myBox.top = this.y
myBox.right = this.x + this.width + this.border
myBox.bottom = this.y + this.height + this.border

并检查： 我的左边对着对手的右边，我的上对着对手的下，然后倒转。

编辑： 使用您的代码，您不能同时检查两个冲突：您的代码说：

if (x collides) return 'x' else if (y collides) return 'y'

因此，如果您遇到“x”冲突，该函数将返回并且不检查“y”。 此外，在第二次测试中，我认为this.x == secondPlayer.x 是错误的：仅当两个玩家的位置相同时才检查“y”碰撞。但是它们可以重叠而不在同一个“x”上（例如，我跳到对手的精灵中间）！