如何在Phaser场景子类的Player类中加载并设置纹理？

核心原因分析 #

你已在加载场景预加载纹理，但Player实例未被添加到场景显示列表，或加载流程存在疏漏，导致纹理无法正常渲染。

具体解决方案 #

1. 确保加载场景完成资源加载后再切换关卡 #

加载场景的create方法中必须明确切换到关卡场景，保证所有预加载资源已就绪：

// 加载场景代码
preload() {
  this.load.image("ship", "./assets/ship.png");
  // 其他资源预加载逻辑...
}

create() {
  // 资源加载完成后切换到你的关卡场景，替换为实际场景名称
  this.scene.start("LevelScene");
}

2. 在Player构造函数中添加自身到场景显示列表 #

Phaser的Sprite/Matter Sprite必须被加入场景显示列表才会渲染，在Player类的构造函数中补充这一步：

export class Player extends Phaser.Physics.Matter.Sprite {
  constructor(scene: Phaser.Scene) {
    super(scene.matter.world, 64, 64, "ship", undefined, {
      friction: 0.025,
      frictionAir: 0.25,
    });

    // 关键：将Player实例添加到场景显示列表
    scene.add.existing(this);

    // 可选兜底：确保物理体被正确加入Matter世界（Matter Sprite默认已处理）
    scene.matter.world.add(this);
  }
}

3. 验证资源路径正确性 #

检查加载场景中./assets/ship.png的路径是否与实际文件位置匹配：

• 若项目结构为src/scenes/LoadScene.ts，assets在项目根目录，路径需改为../assets/ship.png
• 可通过浏览器开发者工具的Network面板查看资源是否加载成功，返回404则说明路径错误

4. 确认关卡场景的实例化流程 #

关卡场景的create方法实例化Player的逻辑无误，但要确保关卡场景是在加载场景之后启动的：

// 关卡场景代码
create() {
  this.player = new Player(this);
  // 其他初始化逻辑...
}

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