画布与矩形的碰撞

时间:2018-04-03 13:51:13

标签: javascript html canvas

I Made a Pen我有function Rectangle()创建一个Rectangle并处理与创建的Object的碰撞。

但是我只能让两个侧面工作(顶部和左侧),其他的工作就像颠倒一样,并且在碰撞时拉动球体而不是反弹它们,不知何故我无法弄清楚如何解决这个问题。

我现在一直在玩Logic几个小时,这是当前的代码:

// Top
if (bp.y > posY - brd && bp.y < yy + brd && bp.x > posX && bp.x < xx) {
    ball.velocity.y *= ball.restitution;
    ball.position.y = posY - brd;
}
// Bottom
if (bp.y > yy + brd && bp.y < posY - brd && bp.x > posX && bp.x < xx) {
    ball.velocity.y *= ball.restitution;
    ball.position.y = yy + brd;
}
// Left
if (bp.x > posX - brd && bp.x < xx + brd && bp.y > posY && bp.y < yy) {
    ball.velocity.x *= ball.restitution;
    ball.position.x = posX - brd;
}
// Right
if (bp.x > xx + brd && bp.x < posX - brd && bp.y > posY && bp.y < yy) {
    ball.velocity.x *= ball.restitution;
    ball.position.x = xx + brd;
}
  

在第116行,您会找到变量,这样您就不会对条件感到困惑。

1 个答案:

答案 0 :(得分:1)

试试这个:

// Top
if (bp.y > posY - brd && bp.y < posY && bp.x > posX && bp.x < xx) {
    ball.velocity.y *= ball.restitution;
    ball.position.y = posY - brd;
}
// Bottom
if (bp.y < yy + brd && bp.y > yy && bp.x > posX && bp.x < xx) {
    ball.velocity.y *= ball.restitution;
    ball.position.y = yy + brd;
}
// Left
if (bp.x > posX - brd && bp.x < posX && bp.y > posY && bp.y < yy) {
    ball.velocity.x *= ball.restitution;
    ball.position.x = posX - brd;
}
// Right
if (bp.x < xx + brd && bp.x > xx && bp.y > posY && bp.y < yy) {
    ball.velocity.x *= ball.restitution;
    ball.position.x = xx + brd;
}

总结:在底部和右侧检查中,我在第一个子句中翻转了运算符,并在第二个子句中更改了右操作数。