我想用canvas绘图实现一个圆在长方形内不断运动不断发生弹性碰撞的效果。
在draw函数中，我引入了重力加速度gravity，此外就是模拟弹性碰撞。
如果我不引入gravity，则圆会保持速度大小不变不停地运动。
但是在我引入gravity之后，并不是像我预期的那样（圆不停地做抛体运动，并且每次弹起的最大高度相同），而是每次弹起的最大高度越来越低，最后变成零，并且如果我不加上红框里的代码，圆形甚至会在canvas里消失（类似于运动到了canvas的外面）
想问一下uu们，这种情况是为什么？

把代码给 AI 逐条给解释比较有效率- -

红框里的代码是为了限制circle纵坐标不会超出画板。
你circle应该是在外部定义的一个对象对吧？
你每次绘制都在改变circle对象的加速度，而没有重置。

我大概看了一下，你在circle.dy += gravity 加个判断。
if(circle.dy < 0) {
circle.dy -= gravity
} else {
circle.dy += gravity
}

你在球接触底部的时候只是将它的速度反向了，并没有计算球在接触底部这一刻马上要回弹的高度，导致球每次碰到底部都会损失一部分位移，你红框中的代码仅仅只是保证球不会移动到空间外部罢了，并没有解决根本的问题。