Phaser中如何获取精灵位置及纹理键并传递到下一场景

完全可以实现精灵位置、纹理键等数据的跨场景传递，Phaser 3 原生提供了对应的传参机制，不需要额外依赖第三方工具，以下是针对你提供代码的具体实现：

1. 提取需要传递的精灵数据 #

AlignGrid 完成精灵放置后，你可以直接通过精灵实例的内置属性拿到所有需要的数据，不需要额外计算：

• 坐标数据：直接读取精灵的x、y属性，就是精灵在世界坐标系下的实际位置
• 纹理键：直接读取精灵的texture.key属性，就是当前精灵使用的纹理标识
• 额外参数：你代码中对精灵做了缩放，也可以同步读取scaleX/scaleY属性，保证两个场景的精灵显示效果一致。

2. 场景跳转时携带数据 #

Phaser 的场景切换API this.scene.start() 原生支持第二个入参，就是要传递给下一个场景的自定义数据对象，这是官方推荐的跨场景传参方式，不会造成全局变量污染。
你只需要在Scene1触发场景跳转的逻辑位置（比如交互回调、流程触发点）整理好数据传入即可：

// 触发跳转的逻辑位置（比如点击事件、动画播放完成回调）
const spriteData = {
  neutral: {
    x: this.neutral.x,
    y: this.neutral.y,
    texture: this.neutral.texture.key,
    scale: this.neutral.scaleX
  },
  emotion: {
    x: this.emotion.x,
    y: this.emotion.y,
    texture: this.emotion.texture.key,
    scale: this.emotion.scaleX
  }
}
// 切换到Scene2，同时传入数据
this.scene.start('Scene2', spriteData);

3. 在Scene2中接收并使用数据 #

Phaser 场景的init生命周期函数会在preload之前执行，函数的入参就是上一个场景传递过来的数据对象，你可以把数据挂载到当前场景实例上，后续在create等生命周期里直接调用：

class Scene2 extends Phaser.Scene {
  init(receiveData) {
    // 存储接收到的精灵数据
    this.spriteData = receiveData;
  }

  preload() {
    // 提示：如果多个场景复用相同图片资源，建议把资源加载放到全局启动场景统一加载，避免重复加载
  }

  create() {
    const { neutral, emotion } = this.spriteData;
    // 用接收到的数据创建和Scene1属性完全一致的精灵
    this.add.image(neutral.x, neutral.y, neutral.texture).setScale(neutral.scale);
    this.add.image(emotion.x, emotion.y, emotion.texture).setScale(emotion.scale);
  }
}

多场景共享数据的可选方案 #

如果你的数据需要在3个及以上场景中复用，可以选择以下两种方式，不需要每次跳转都手动传参：

• 使用Phaser内置的全局数据仓库registry：在Scene1中调用this.registry.set('spriteData', spriteData)存储数据，后续任意场景中直接通过this.registry.get('spriteData')即可读取数据
• 注意：如果是用launch/add方式叠加场景（而非start切换销毁原场景），也可以通过this.scene.get('Scene1')直接获取Scene1的实例，直接访问实例上的精灵属性读取数据，但原场景被销毁后这个方法会失效。

注意：如果Scene2没有提前加载对应纹理，即使拿到了纹理key也无法正常渲染精灵，一定要保证使用的纹理已经在当前场景预加载阶段完成加载，或者统一在全局预加载场景注册资源。

内容的提问来源于stack exchange，提问作者Ng Jia Yong