如何在matter.js中计算两个圆形的碰撞角度？

问题根源 #

你用collisionEnd事件是错的——这个事件在碰撞结束时触发，此时Matter.js已经清理了碰撞的接触数据（比如接触点、法线），拿不到有效计算依据。另外你用的Math.atan(Math.abs(differenceX)/differenceY)只算了绝对值角度，没考虑方向，也没基于实际碰撞的接触逻辑，自然没法生效。

正确实现思路 #

改用collisionStart或collisionActive事件，这两个事件在碰撞发生/持续时触发，能获取完整的碰撞接触信息。计算碰撞角度有两种靠谱方式：

方式1：直接用碰撞法线角度（最准确）

碰撞法线的角度就是碰撞发生时的接触方向角度，Matter.js会直接给出这个值：

Events.on(engine, "collisionStart", event => {
  const pairs = event.pairs;
  pairs.forEach(pair => {
    // 定位碰撞对中的球体
    const ball = pair.bodyA.label === "ball" ? pair.bodyA : pair.bodyB.label === "ball" ? pair.bodyB : null;
    if (!ball) return;

    // 获取第一个接触点的法线（多接触点取第一个即可）
    const contact = pair.contacts[0];
    if (!contact) return;

    // 碰撞角度（弧度制，转角度需乘 180/Math.PI）
    const collisionAngle = contact.normal.angle;
    console.log("碰撞角度（弧度）：", collisionAngle);
    console.log("碰撞角度（角度）：", collisionAngle * 180 / Math.PI);
  });
});

方式2：通过物体相对位置计算（适合球体与静态规则物体碰撞）

如果碰撞的是静态规则物体，可通过球体与碰撞体的中心坐标差计算角度：

Events.on(engine, "collisionStart", event => {
  const pairs = event.pairs;
  pairs.forEach(pair => {
    const ball = pair.bodyA.label === "ball" ? pair.bodyA : pair.bodyB.label === "ball" ? pair.bodyB : null;
    const otherBody = ball === pair.bodyA ? pair.bodyB : pair.bodyA;
    if (!ball) return;

    // 计算坐标差
    const dx = ball.position.x - otherBody.position.x;
    const dy = ball.position.y - otherBody.position.y;

    // 用atan2计算带方向的角度（比atan更准确，自动处理象限）
    const collisionAngle = Math.atan2(dy, dx);
    console.log("碰撞角度（弧度）：", collisionAngle);
    console.log("碰撞角度（角度）：", collisionAngle * 180 / Math.PI);
  });
});

关键注意点 #

• 优先用Math.atan2(dy, dx)而非Math.atan：前者能根据x、y的正负自动判断角度所在象限，直接输出正确的方向角度，不需要额外逻辑补全。
• 碰撞对象判断：一定要先确认碰撞对里包含球体，避免处理无关碰撞。
• 不规则物体碰撞选法线角度：如果碰撞的是不规则形状物体，相对位置计算的角度会和实际接触角度有偏差，用法线角度更准确。

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