如何用Phaser JS Matter实现物体无减速持续运动？

这不是Phaser JS的bug，是Matter.js物理引擎的数值计算精度限制导致的能量微小损耗积累，最终让小球停止。下面是几个实现无限运动的方法：

方法1：关闭物体休眠机制 #

Matter.js默认会让静止的物体进入休眠状态，即使你设置了无摩擦，休眠后物体不会再运动。在物理配置里关闭休眠：

var config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    physics: {
        default: 'matter',
        matter: {
            debug: true,
            gravity: { y: 0 },
            enableSleeping: false // 关闭物体休眠
        }
    },
    scene: {
        preload: preload,
        create: create,
        update: update
    }
};

方法2：定期补偿速度损耗 #

在场景的update方法中，检查小球速度，当速度低于某个阈值时，重新施加微小的力抵消精度损耗：

function update() {
    this.matter.world.localBodies.forEach(body => {
        // 只处理非静态的小球
        if (!body.isStatic && body.label === 'Circle Body') {
            let speed = Math.sqrt(body.velocity.x ** 2 + body.velocity.y ** 2);
            // 速度小于0.1时补偿
            if (speed < 0.1) {
                this.matter.body.applyForce(body, body.position, {
                    x: (Math.random() - 0.5) * 0.01,
                    y: (Math.random() - 0.5) * 0.01
                });
            }
        }
    });
}

方法3：提高物理迭代次数 #

增加Matter.js的位置和弹性迭代次数，减少计算误差带来的能量损耗：

var config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    physics: {
        default: 'matter',
        matter: {
            debug: true,
            gravity: { y: 0 },
            positionIterations: 20, // 默认6，提高迭代次数
            restitutionIterations: 20 // 默认1，提高迭代次数
        }
    },
    scene: {
        preload: preload,
        create: create
    }
};

额外提示 #

代码里的静态方块和小球多次碰撞会加剧能量损耗，即使设置了restitution:1，精度误差也会逐渐积累，结合上面的方法可以有效缓解这个问题。

内容的提问来源于stack exchange，提问作者Роман Кистин