使用 Typescript 设置 Phaser 游戏
2016-02-27
1262
我正在开始一款游戏，我想使用 Phaser 作为我的游戏框架。除此之外，我当前的堆栈包括 Typescript 和 Webpack。但是，我的问题是，当我尝试扩展 Phaser Game 类
Phaser.Game
时，我无法让 Phaser 工作，如下所示：
export class Game extends Phaser.Game {
sprite: Phaser.Sprite;
constructor(public width: number, public height: number) {
super(width, height, Phaser.AUTO, 'game', null);
this.state.add('Boot', Boot, false);
this.state.start('Boot');
}
preload(): void {
console.log('preload');
}
create(): void {
console.log('create');
}
update(): void {
console.log('update');
}
render(): void {
console.log('render');
}
}
这是大多数人所做的。然而，似乎除了构造函数之外，我的任何函数都没有被调用。除了上述我非常喜欢的方法之外，我看到人们做了以下事情：
game: Phaser.Game;
constructor() {
this.game = new Phaser.Game(1280, 720, Phaser.AUTO, 'content', {
create: this.create, preload: this.preload
});
}
基本上，他们定义了一个
Phaser.Game
变量并创建一个新实例并在构造函数中传递这些方法。这确实有效，但我想知道为什么前者不起作用。我遗漏了什么吗？
1个回答
我的设置如下：
游戏
export class Game extends Phaser.Game {
constructor() {
var renderMode: number = Phaser.AUTO;
super(100, 100, renderMode, "content", null);
//add the states used the first will automatically be set
this.state.add(GameStates.BOOT, Boot, true);
this.state.add(GameStates.PRELOADER, Preloader, false);
this.state.add(GameStates.MAINMENU, MainMenu, false);
this.state.add(GameStates.GAME, SwipeEngine, false);
}
}
可选状态常量
export class GameStates {
static BOOT: string = "boot";
static PRELOADER: string = "preloader";
static MAINMENU: string = "mainMenu";
static GAME: string = "game";
}
每个状态
export class Boot extends Phaser.State {
preload() {
console.log("Boot::preload");
this.load.image("blah");
this.load.image("blah2");
this.load.json("blah"), true);
}
create() {
console.log("Boot::create");
//start the preloader state
this.game.state.start(GameStates.PRELOADER, true, false);
}
shutdown(): void {
console.log("Boot::shutDown");
}
}
Clark
2016-02-27