Phaser.js(v3.6)结合Matter.js使用setVelocity时速度不符问题排查

核心问题：像素/米比例不匹配 #

你认为Matter.js是1像素=1米，但Phaser 3的Matter物理引擎默认pixelPerMeter值不是1（通常默认是50或100）。这导致你设置的10米/秒速度，被转换成了远高于10像素/秒的实际移动速度。

比如默认pixelPerMeter=20的话，10米/秒 = 10 × 20 = 200像素/秒，穿过390px屏幕刚好需要约2秒，和你遇到的情况完全吻合。

解决步骤 #

1. 配置物理世界的像素/米比例 #

在游戏初始化时，显式设置pixelPerMeter: 1，让1像素对应1米：

const gameConfig = {
    type: Phaser.AUTO,
    width: 390,
    height: 844,
    physics: {
        default: 'matter',
        matter: {
            pixelPerMeter: 1, // 强制1像素=1米
            debug: true // 可选：开启调试模式查看物理参数
        }
    },
    // 其他配置...
};

2. 验证物理时间缩放 #

确保物理世界的时间缩放没有被修改，速度不会被额外放大：

// 在场景的create或update方法中打印验证
console.log(this.matter.world.timeScale); // 正常应该输出1

如果输出大于1，说明时间被加速了，需要设置为1：

this.matter.world.timeScale = 1;

3. 确认速度设置逻辑 #

检查你的派生类中是否重复调用了setVelocity（比如在update循环里），这虽然不会累加速度，但可能导致意外的行为。确保只在需要的时候设置一次速度。

4. 用调试模式验证 #

开启物理调试后，你可以在屏幕上看到物体的实时物理参数，其中速度值应该显示为x: 10，这就对应10像素/秒的移动速度，此时穿过390px屏幕需要39秒，符合你的预期。

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