Matter.js中如何为多边形刚体随机顶点附加约束绑定车轮

Matter.js 中约束配置的pointB参数要求传入相对于绑定刚体质心的局部坐标偏移，而刚体的vertices属性存储的是世界坐标系下的顶点坐标，两者转换逻辑非常简单，不需要手动处理旋转矩阵，直接做向量差计算即可。

具体实现步骤 #

• 从刚体的vertices顶点数组中随机抽取一个目标挂载顶点
• 用选中顶点的世界坐标减去刚体质心的世界坐标，得到的就是质心坐标系下的偏移值，直接传入pointB即可
• 不需要额外做旋转换算，Matter 引擎会自动维持约束点和刚体的相对位置，跟随刚体旋转、移动

完整代码示例 #

// 从小车刚体顶点集合中随机选取一个挂载点
const randomVertexIndex = Math.floor(Math.random() * body.vertices.length);
const mountVertex = body.vertices[randomVertexIndex];

// 计算质心相对偏移：顶点世界坐标 - 刚体质心世界坐标
// 推荐直接用Matter内置的向量计算方法，避免手动计算出错
const mountOffset = Matter.Vector.sub(mountVertex, body.position);

// 创建车轴约束
const axelB = Constraint.create({
    bodyB: body,
    bodyA: wheelB,
    pointB: mountOffset, // 替换原来的{x:0, y:0}即可
    stiffness: 0,
    length: 0,
});

补充说明：如果是初始化时固定挂载位置，只需要在创建约束前计算一次偏移值即可；如果需要运行时动态切换挂载顶点，每次切换时重新计算偏移值更新约束的pointB属性就行。

内容的提问来源于stack exchange，提问作者Zahir J