Phaser地牢爬行游戏中批量Sprite仅最后一个有动画的解决求助

你循环创建尖刺时，每次都把新生成的sprite赋值给this.spikes，这会覆盖之前的引用——最后this.spikes只指向最后一个创建的尖刺，所以update里的动画调用只会作用在这一个sprite上。

不用单独初始化50个变量，只要把所有尖刺存入一个数组或者Phaser内置的Group对象（更推荐，自带批量管理功能），然后遍历播放动画即可。

方法1：用数组存储 #

初始化阶段修改： #

// 先创建空数组存储所有尖刺
this.spikesArray = [];

// 你的循环逻辑
for (let i = 0; i < 50; i++) {
  const drawX = /* 你的随机X坐标逻辑 */;
  const drawY = /* 你的随机Y坐标逻辑 */;
  // 创建单个尖刺并加入数组
  const spike = this.physics.add.sprite(drawX, drawY, "spikes");
  this.spikesArray.push(spike);
}

Update函数修改： #

update() {
  // 遍历数组，给每个尖刺播放动画
  this.spikesArray.forEach(spike => {
    // 可选：判断动画未播放时再启动，避免重复触发
    if (!spike.anims.isPlaying) {
      spike.anims.play("spikes", true);
    }
  });
}

方法2：用Phaser Group（更推荐） #

Phaser的Group专门用来管理多个同类型游戏对象，支持批量操作、物理批量设置等，比手动维护数组更省心。

初始化阶段修改： #

// 创建一个物理组用于管理尖刺
this.spikesGroup = this.physics.add.group();

// 你的循环逻辑
for (let i = 0; i < 50; i++) {
  const drawX = /* 你的随机X坐标逻辑 */;
  const drawY = /* 你的随机Y坐标逻辑 */;
  // 直接在组里创建尖刺
  this.spikesGroup.create(drawX, drawY, "spikes");
}

Update函数修改： #

update() {
  // 遍历组内所有子对象，播放动画
  this.spikesGroup.children.each(spike => {
    if (!spike.anims.isPlaying) {
      spike.anims.play("spikes", true);
    }
  });
}

额外提示 #

如果尖刺动画是循环播放的，也可以在创建每个尖刺时直接启动动画，这样就不用在update里反复调用了：

// 创建时直接播放动画
const spike = this.physics.add.sprite(drawX, drawY, "spikes");
spike.anims.play("spikes", true);

这样初始化后所有尖刺都会自动循环播放动画，无需在update中处理。

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