Question

所以我写了这段代码来检查盒子之间的碰撞。

for (var i = 0; i < boxes.length; i++) {
    for (var j = 0 ; j < boxes.length; j++) {
        if (i != j) {
            if (boxes[i].posX + 50 >= boxes[j].posX
                && boxes[i].posX <= boxes[j].posX + 50
                && boxes[i].posY + 50 >= boxes[j].posY
                && boxes[i].posY <= boxes[j].posY + 50
                ) {
                console.log("box" + i + "collide with box" + j);
                boxes[i].movePosX *= -1;
                boxes[i].movePosY *= -1;
            }
        }
    }
}

它适用于2到3个盒子，但是当我保留4个或更多盒子时，一些盒子碰撞但不改变它的方向。任何人都可以帮我调试这个吗？任何人都可以教我调试过程，因为我可以检测到问题。 Javascript新手。谢谢。

Answer 1

.navbar {
  z-index: 10;
}

我使用了以下功能：http://7pi.azurewebsites.net/surir.de/collisions/

for (var i = 0; i < boxes.length; i++) {
    for (var j = 0; j < boxes.length; j++) {
        if (i != j) {
            if (!(boxes[i].posX + 50 <= boxes[j].posX
                || boxes[i].posX >=  boxes[j].posX + 50
                || boxes[i].posY + 50 <= boxes[j].posY
                || boxes[i].posY >= boxes[j].posY + 50
            )) {
                console.log("box" + i + "collide with box" + j);
                boxes[i].movePosX *= -1;
                boxes[i].movePosY *= -1;
            }
        }
    }
}

Box Collision一些盒子没有碰撞（Javascript）

1 个答案: