矩形和圓形解決碰撞

Question

如果球觸及方塊的頂部和底部，如何改變球的dy？ 現在，它只是具有擺動效果，並且在碰到頂部或底部時會陷入塊內。 這是我的Jsfiddle： https ://jsfiddle.net/6qh70wdo/

if (ball.x - ball.radius < block.x + block.w &&
    ball.x + ball.radius > block.x &&
    ball.y - ball.radius < block.y + block.h &&
    ball.y + ball.radius > block.y) {
    ball.dx  = -ball.dx;
}

Answer 1

我將其分為兩部分。 首先檢測它是否被擊中，然后再擔心它在哪里被擊中。 我認為您可以執行以下操作：

var bool = ball.x - ball.radius < block.x + block.w &&
    ball.x + ball.radius > block.x &&
    ball.y - ball.radius < block.y + block.h &&
    ball.y + ball.radius > block.y) {
    ball.dx  = -ball.dx;

if(bool) // if true, meaning a hit, find which direction.
    if(ball.x - ball.radius < block.x + block.w || ball.x + ball.radius > block.x){
        ball.dx = -ball.dx; //hit detected on left/right...change left/right direction
    }else{
        ball.dy = -ball.dy; //hit detected on top/bottom...change top/bottom direction
    }
}