Phaser3多TileMap关卡切换失效咨询及最优实现方案求解

当前问题修复 #

你遇到的重启场景后TileMap不更新的问题，核心原因是GameManager中关卡索引初始值错误：
数组索引从0开始，但你设置currentLevel = 1，导致初始currentLevelKey直接取到levels[1] = level-2，调用nextlevel()后无法再递增，始终加载同一关卡。

修改后的GameManager代码 #

import { Player } from "../objects";

export default class GameManager {
  private static _instance: GameManager;
  private player: Player | null;
  private levels: string[];
  private currentLevel: number;

  private constructor() {
    this.player = null;
    this.currentLevel = 0; // 修正初始索引为0，对应level-1
    this.levels = ["level-1", "level-2"];
  }

  public static get instance(): GameManager {
    if (!GameManager._instance) {
      GameManager._instance = new GameManager();
    }
    return GameManager._instance;
  }

  public setPlayer(player: Player): void {
    this.player = player;
  }

  public getPlayer(): Player | null {
    return this.player;
  }

  public get currentLevelKey(): string {
    return this.levels[this.currentLevel];
  }

  public nextlevel() {
    if (this.currentLevel < this.levels.length - 1) {
      this.currentLevel += 1;
    }
  }
}

额外优化 #

• 移除update方法中无用的GameManager.instance.currentLevelKey;语句
• 确保预加载阶段正确加载了两个关卡的TileMap资源：

// 在加载场景的preload中添加
this.load.tilemapTiledJSON("level-1", "assets/level-1.json");
this.load.tilemapTiledJSON("level-2", "assets/level-2.json");

修正后，调用this.scene.restart()即可加载对应关卡的TileMap。

多关卡实现方案对比 #

方案一：单场景切换TileMap（推荐用于逻辑相似的关卡） #

• 优势：无需创建多个场景，代码结构简洁，切换关卡开销小
• 优化点：
  1. 在场景init方法中获取最新关卡密钥，确保每次重启都加载正确资源
  2. 场景重启前销毁旧TileMap和图层，避免内存泄漏：

     init() {
       this.game.events.emit("react__onGameStart");
       // 清理旧资源
       if (this.map) this.map.destroy();
       if (this.propsLayer) this.propsLayer.destroy();
       if (this.wallsLayer) this.wallsLayer.destroy();
     }
     

方案二：多场景（每个关卡对应独立Scene，推荐用于逻辑差异大的关卡） #

• 解决Player导入问题的方法：
  1. 将Player封装为独立模块，在每个关卡场景的create方法中初始化，避免跨场景导入冲突
  2. 通过GameManager管理Player实例，切换场景时传递状态：

     // 切换关卡时
     GameManager.instance.nextlevel();
     const levelKey = GameManager.instance.currentLevelKey;
     this.scene.start(levelKey, { playerData: { x: this.player.x, y: this.player.y } });
     

     在目标关卡场景中接收数据并创建Player：

     init(data: any) {
       this.playerSpawnX = data.playerData.x;
       this.playerSpawnY = data.playerData.y;
     }
     

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