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

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

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;
            }
        }
    }
}

我使用这个函数来自：http://7pi.azurewebsites.net/surir.de/collisions/

function cc_rect_rect(r1, r2) {
    return !(r1.pos.x >= r2.pos2.x || r1.pos2.x <= r2.pos.x || r1.pos.y >= r2.pos2.y || r1.pos2.y <= r2.pos.y);
}

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

Box Collision some boxes are not colliding (Javascript)

javascript

collision

box

direction