Javascript 定向碰撞检测

如果我想每秒移动一个对象40个像素，并且我有以下场景，我如何有效地检测到发生了碰撞

假设两个对象都是10乘10的正方形

2秒时移动对象的起点：

40100

3秒时移动对象的结束点：

80100

静止物体在60，100

如果我只移动移动对象一次（从40移动到80，中间没有任何移动），我如何判断它们之间有对象

这显然是我正在做的事情的简化版本，但我希望它易于理解

我能想到的唯一一件事是检查每个对象是否有一个x值小于80的边和另一个x值大于40的边，以及y值的相同想法

---

如果有什么不同，我将使用javascript和html5画布。

您可以尝试确定是否与移动对象的开始和结束位置定义的边界矩形发生冲突：

+-----------+--+
|     +==+  |  |
+-----:  :--+--+
      +==+

---

听起来你想要这样的东西，它已经写好了，可以处理各种形状：

---

你可以每0.1秒移动4像素。