移动小球碰撞画布边缘反弹的坐标计算公式求解咨询

核心原理 #

2D平面下和水平/垂直的屏幕边缘碰撞时，反弹的本质是对应轴向的速度反向：碰到左右边缘就反转x轴速度，碰到上下边缘就反转y轴速度，再加上坐标修正避免圆形卡进边界，就能实现自然的反弹效果。

公式与逻辑说明 #

你的现有代码中圆形直径固定为20（DrawIt方法中绘制范围为x到x+20、y到y+20），设定参数如下：

• 画布宽度：canvas_width，画布高度：canvas_height
• 圆形左上角坐标：(self.x, self.y)
• x轴移动速度：self.dx，y轴移动速度：self.dy

左右边界（x轴）碰撞处理 #

当圆形左边缘碰到画布左边界（self.x ≤ 0），或圆形右边缘碰到画布右边界（self.x + 20 ≥ canvas_width）时：

1. 速度反向：self.dx = -self.dx
2. 坐标修正：防止圆形卡在边界外，左碰撞后设self.x = 0，右碰撞后设self.x = canvas_width - 20

上下边界（y轴）碰撞处理 #

当圆形上边缘碰到画布上边界（self.y ≤ 0），或圆形下边缘碰到画布下边界（self.y + 20 ≥ canvas_height）时：

1. 速度反向：self.dy = -self.dy
2. 坐标修正：上碰撞后设self.y = 0，下碰撞后设self.y = canvas_height - 20

现有代码修改示例 #

直接修改你原有的MoveIt方法，加入碰撞检测逻辑即可：

def MoveIt(self, canvas_width, canvas_height):
    # 先更新位置
    self.x += self.dx
    self.y += self.dy
    circle_diameter = 20

    # 左右边界碰撞判断
    if self.x <= 0:
        self.dx = -self.dx
        self.x = 0
    elif self.x + circle_diameter >= canvas_width:
        self.dx = -self.dx
        self.x = canvas_width - circle_diameter
    
    # 上下边界碰撞判断
    if self.y <= 0:
        self.dy = -self.dy
        self.y = 0
    elif self.y + circle_diameter >= canvas_height:
        self.dy = -self.dy
        self.y = canvas_height - circle_diameter

调用方法时传入你实际创建的画布宽高即可，比如你创建的画布宽800高600，调用语句为circle_obj.MoveIt(800, 600)。

内容的提问来源于stack exchange，提问作者Student