如何将Phaser默认渲染器从Phaser.Auto改为Phaser.Canvas及代码修改位置

嘿，这两个问题其实都指向同一个修改点，我来一步步给你说明：

问题1：如何将默认渲染器从Phaser.Auto调整为Phaser.Canvas？ #

核心逻辑很简单——Phaser在初始化游戏实例时，第三个参数就是渲染器的指定项。你只需要把默认的Phaser.Auto替换成Phaser.Canvas，就能强制游戏使用Canvas渲染器，而不是让Phaser自动检测选择最佳方案。

问题2：在你的代码中哪里修改渲染器？ #

看你提供的代码片段，渲染器的配置就在App类的构造函数里调用super()的那一行。原来的代码是这样的：

super(WINDOW_WIDTH, WINDOW_HEIGHT, Phaser.AUTO)

你只需要把第三个参数改成Phaser.Canvas，就完成了渲染器的切换。

修改后的完整代码 #

下面是调整后的完整代码，我把修改的地方特意标了出来：

import { WINDOW_WIDTH, WINDOW_HEIGHT } from './config'
import Game from './state/Game'

class App extends Phaser.Game {
  constructor () {
    // ✅ 这里把Phaser.Auto替换成了Phaser.Canvas
    super(WINDOW_WIDTH, WINDOW_HEIGHT, Phaser.Canvas)
    this.state.add('Game', Game)
    this.state.start('Game')
  }
}

const SimpleGame = new App()

// Game类无需修改，保持原样即可
class Game extends Phaser.State {
  constructor() {
    super()
    this.player = {}
  }
}

小补充：Phaser.Auto的作用是让框架自动判断运行环境，优先使用WebGL（如果支持的话），不支持再降级到Canvas。而改成Phaser.Canvas后，会强制游戏全程使用Canvas渲染，不管环境是否支持WebGL。

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