pixijs 碰撞检测封装

PixiJS 是一个强大的 2D 渲染引擎，但是它本身并没有提供碰撞检测功能。因此，需要使用其他的库或者封装来实现碰撞检测。

以下是一个基本的 PixiJS 碰撞检测的封装示例：

function hitTestRectangle(r1, r2) {
  // 计算两个矩形的中心点坐标
  const center1 = {
    x: r1.x + r1.width / 2,
    y: r1.y + r1.height / 2
  };
  const center2 = {
    x: r2.x + r2.width / 2,
    y: r2.y + r2.height / 2
  };

  // 计算两个矩形的半宽度和半高度
  const halfWidth1 = r1.width / 2;
  const halfHeight1 = r1.height / 2;
  const halfWidth2 = r2.width / 2;
  const halfHeight2 = r2.height / 2;

  // 计算两个矩形在 x 和 y 方向上的距离
  const dx = Math.abs(center1.x - center2.x);
  const dy = Math.abs(center1.y - center2.y);

  // 如果 x 方向上的距离小于两个矩形的半宽度之和并且 y 方向上的距离小于两个矩形的半高度之和，那么两个矩形相交
  if (dx < halfWidth1 + halfWidth2 && dy < halfHeight1 + halfHeight2) {
    return true;
  }

  return false;
}

使用方法：

const sprite1 = new PIXI.Sprite(texture1);
const sprite2 = new PIXI.Sprite(texture2);

if (hitTestRectangle(sprite1, sprite2)) {
  // 碰撞检测成功
}

需要注意的是，这只是一个基础的碰撞检测封装，对于不同形状的对象和更加复杂的场景，需要使用其他的算法和库来实现更加精确的碰撞检测。