当球与矩形碰撞时如何改变角度？

Question

如果一个圆碰到一个矩形需要反弹，我需要计算它的新方向。

这就是我的

    function tick() {
        var dx = Math.cos(ball.direction * (Math.PI / 180))*ball_md.speed;
        var dy = Math.sin(ball.direction * (Math.PI / 180))*ball_md.speed;
        ball.x += dx;
        ball.y -= dy;
        drawGame(); // refresh board

        //console.log(ball);

        paddles.some(function(paddle) {
            var circle={x:ball.x+ball_md.radius, y:ball.y+ball_md.radius, r:ball_md.radius};
            var rect={x:paddle.x, y:paddle.y, w:game_md.paddle.width, h:game_md.paddle.height};
            var hit = RectCircleColliding(circle, rect);

            if (hit) {
                if (Math.floor(ball.y) + ball_md.radius*2 <= paddle.y || Math.ceil(ball.y) >= paddle.y + game_md.paddle.height) { // hit on top or below paddle
                    ball.direction = 360 - ball.direction; 
                } else { // hit left or right side
                    ball.direction = 180 - ball.direction;  
                }
                return true;
            }
        });

        if (ball.y < 0 || ball.y+ball_md.radius*2 >= game_md.height) { // hit top or bottom wall
            ball.direction = 360 - ball.direction; 
        }
        if (ball.x < 0 || ball.x+ball_md.radius*2 >= game_md.width) { // hit left or right wall
            ball.direction = 180 - ball.direction;   
        }
    }

但它似乎并不总是有效。有谁知道为什么？

失败的情况。在这种情况下，它在桨表面上的曲折速度非常快。

演示：https://jsfiddle.net/3ok2farw/2/

Answer 1

转角碰撞需要单独处理。当它击中角落时，球的速度不会垂直于水平轴或垂直轴改变，而是沿着连接球中心和角落的线改变。我正在添加一张图，让它更清楚一点。如果碰撞是完全弹性的（没有能量损失），那么 v_normal 分量将被它的负分量 -v_normal 替换。如果碰撞是完全塑性的（最大能量损失），则出口速度仅为 v_tangential。希望这对您有所帮助！

当球与矩形碰撞时如何改变角度？

How to change angle when a ball collides with a rectangle?

javascript

math

trigonometry

angle

collision-detection