Phaser添加this.physics代码后ARCADE物理系统无法运行如何解决

问题核心原因 #

你的代码存在两个核心错误，导致调用物理世界边界设置时报错：

• 物理引擎默认配置错误：你在config.physics.default字段填的是matter，但你引入的是仅包含Arcade物理的精简版Phaser包，本身不包含Matter物理引擎实现，this.physics.world指向的是不存在的Matter物理实例，调用方法自然报错。
• 你当前创建的都是普通显示精灵，没有绑定物理体，即使物理引擎配置正确，也无法使用碰撞、边界限制等物理特性。

正确修改方案 #

1. 修正物理引擎配置 #

把config里的默认物理引擎改成arcade即可，修改后的配置如下：

let config={
    type: Phaser.AUTO,
    width: 1000,
    height: 500,
    backgroundColor: '#2bff00',
    physics: {
        default: 'arcade', // 原代码这里是matter，改为arcade
        arcade: {
            gravity: {y: 0},
            debug: true
        }
    },
    scene: {
        preload: preload,
        create: create,
        update: update
    }
}

2. 创建绑定物理体的精灵 #

如果需要让角色受物理系统控制、遵循世界边界限制，把精灵创建方式从this.add.sprite改为this.physics.add.sprite，同时可以开启边界碰撞限制：

// 示例：创建玩家物理精灵
this.player = this.physics.add.sprite(50, 250, 'player');
this.player.setScale(.2, .2);
// 开启后玩家不会跑出设置的物理世界边界
this.player.setCollideWorldBounds(true);

敌人精灵如果需要用到物理特性也按同样方式修改即可。

补充说明 #

你当前设置的this.physics.world.setBounds(0,0, 1000, 500)参数和游戏画布尺寸完全一致，Phaser默认的物理世界边界就和画布尺寸相同，这行代码可以直接省略，只有需要自定义边界范围的时候再保留即可。

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