我无法处理JavaScript冲突。 您应该如何检查它们？

Question

I have been working on a small physics game in JS where you use a block to move other blocks and they collide. My collisions sometimes stop working, and I do not know why. I'm also not sure if I'm checking for them the correct way.

this.checkCollision = function(otherobj) {
    var myleft = this.x;
    var myright = this.x + (this.width);
    var mytop = this.y;
    var mybottom = this.y + (this.height);
    var otherleft = otherobj.x;
    var otherright = otherobj.x + (otherobj.width);
    var othertop = otherobj.y;
    var otherbottom = otherobj.y + (otherobj.height);
    var crash = true;
    if ((mybottom < othertop) ||
        (mytop > otherbottom) ||
        (myright < otherleft) ||
        (myleft > otherright)) {
        crash = false;
    }
    if (crash) {
        this.colliding = true;
        $('body').css('background-color', 'red');
        this.collide(otherobj);
        // this.x++;
    } else {
        $('body').css('background-color', 'white');
        this.colliding = false;
    }
    return crash;
}
this.collide = function(otherobj) {
    //for when they stick
    if (this.speedX < 0.1 && this.speedY < 0.1) {
        this.x -= 2;
        otherobj.x += 2;
    }
    //get speed of x
    otherobj.speedX = this.speedX;
    this.speedX = -((this.mass * this.speedX) + (otherobj.mass * otherobj.speedX)) / (this.mass + otherobj.mass);
    // get speed of y
    otherobj.speedY = this.speedY;
    this.speedY = -((this.mass * this.speedY) + (otherobj.mass * otherobj.speedY)) / (this.mass + otherobj.mass);
}

Fiddle is Here

Answer 1

Your collision detection code seems to work in the example given if you set blueGamePiece.speedX = -5 . If your goal is to make the two bodies exchange velocities when they collide, the following will help:

this.collide = function (otherobj) {
    // swap X speeds
    temp = otherobj.speedX;
    otherobj.speedX = this.speedX;
    this.speedX = temp;
    // swap Y speeds
    temp = otherobj.speedY;
    otherobj.speedY = this.speedY;
    this.speedY = temp;
}

This simply swaps the velocities without negating (notice the temporary temp variables), which causes the collisions to work fine, and for the objects to move in opposite directions. If you want to use proper momentum, you can try to adjust the code to use the relevant formulae.