在Phaser.js游戏开发过程中，当场景中存在多个物理组需要互相检测碰撞时，如果逐个为每组配置碰撞规则，会产生大量重复代码，后期维护也会变得困难。利用数组存储物理组实例，再通过循环批量处理碰撞配置，是简化这类逻辑的有效方案。
基础物理组创建
首先需要在Phaser场景的create方法中创建多个物理组，这里以创建三个不同的物理组为例，分别是玩家组、敌人组和障碍物组：
// 创建物理组数组，用于存储所有需要参与碰撞的组
const physicsGroups = [];
// 创建玩家物理组
const playerGroup = this.physics.add.group({
defaultKey: 'player',
maxSize: 10
});
physicsGroups.push(playerGroup);
// 创建敌人物理组
const enemyGroup = this.physics.add.group({
defaultKey: 'enemy',
maxSize: 20
});
physicsGroups.push(enemyGroup);
// 创建障碍物物理组
const obstacleGroup = this.physics.add.group({
defaultKey: 'obstacle',
maxSize: 30
});
physicsGroups.push(obstacleGroup);
批量配置碰撞规则
传统方式需要为每两组之间单独调用collide方法，而使用数组后可以通过嵌套循环批量处理。假设我们需要让数组内的所有物理组之间都互相检测碰撞，同时绑定统一的碰撞回调：
// 统一的碰撞回调函数
function handleCollision(bodyA, bodyB) {
console.log('发生碰撞的两个物体：', bodyA.gameObject.name, bodyB.gameObject.name);
}
// 遍历数组，为每两组之间配置碰撞
for (let i = 0; i < physicsGroups.length; i++) {
for (let j = i + 1; j < physicsGroups.length; j++) {
this.physics.add.collider(
physicsGroups[i],
physicsGroups[j],
handleCollision,
null,
this
);
}
}
上面的嵌套循环会为physicsGroups数组内的所有物理组两两之间都添加碰撞检测，不需要逐个手动编写碰撞配置代码。如果只需要部分组之间碰撞，可以在循环中添加条件判断筛选需要参与碰撞的组。
动态管理物理组
如果游戏运行过程中需要动态添加新的物理组，只需要将新组实例推入数组，再重新执行碰撞配置逻辑即可：
// 动态创建新的道具物理组
function addNewPhysicsGroup() {
const propGroup = this.physics.add.group({
defaultKey: 'prop',
maxSize: 15
});
physicsGroups.push(propGroup);
// 为新组和已有所有组添加碰撞
const newGroupIndex = physicsGroups.length - 1;
for (let i = 0; i < newGroupIndex; i++) {
this.physics.add.collider(
physicsGroups[newGroupIndex],
physicsGroups[i],
handleCollision,
null,
this
);
}
}
注意事项
- 物理组创建时需要确保已经启用了对应的物理引擎，Phaser默认使用Arcade物理引擎，需要在游戏配置中开启。
- 碰撞回调函数的参数顺序和
collide方法的配置顺序一致，需要注意参数对应的物理组。 - 如果不需要所有组之间都碰撞，可以在循环中添加判断条件，比如根据组的自定义属性筛选碰撞对象。
通过上述数组管理的方式，原本需要编写多行重复碰撞配置的代码，现在只需要几行循环逻辑就能完成，大幅提升了多物理组场景下的代码可维护性和开发效率。