01-object-hit-test.html 完成最简单的碰撞检测，对碰撞检测的核心代码进行注释。

好的，下面是对 01-object-hit-test.html 中碰撞检测核心代码的注释：

// 获取两个物体的位置和宽高信息
const obj1Rect = obj1.getBoundingClientRect();
const obj2Rect = obj2.getBoundingClientRect();

// 判断两个物体是否相交
const isOverlap = !(
  obj1Rect.right < obj2Rect.left ||   // obj1在obj2左侧
  obj1Rect.left > obj2Rect.right ||   // obj1在obj2右侧
  obj1Rect.bottom < obj2Rect.top ||   // obj1在obj2上方
  obj1Rect.top > obj2Rect.bottom      // obj1在obj2下方
);

// 返回是否相交的布尔值
return isOverlap;

注释如下：

- `obj1.getBoundingClientRect()` 和 `obj2.getBoundingClientRect()` 用于获取物体的位置和宽高信息，返回的是一个 DOMRect 对象，包含了物体的 `left`, `top`, `right`, `bottom`, `width`, `height` 等信息。

- `isOverlap` 变量用于存储判断结果，初始值为 `true`。这里使用了逻辑非运算符 `!`，将下面四个判断条件取反，得到相交的条件，即两个物体相交的情况是：`obj1` 左侧在 `obj2` 右侧、`obj1` 右侧在 `obj2` 左侧、`obj1` 上方在 `obj2` 下方、`obj1` 下方在 `obj2` 上方。

- 最后返回 `isOverlap` 的布尔值，即两个物体是否相交的结果。