在Phaser 3中加载场景插件

时间:2019-02-24 12:25:42

标签: javascript phaser-framework

Phaser中的新手。我正在使用Phaser 3.16.2和https://github.com/rexrainbow/phaser3-rex-notes中的插件。

当我在第一个场景(文档)的preload()方法中加载插件,然后在create()方法的同一场景中使用它时,它工作正常。但是,如果我更改场景(到Docs2),并尝试在其中使用插件,则会收到错误消息:

TypeError: this.rexUI is undefined

我在控制台日志中看到两个场景都加载了该插件。

class Docs extends Phaser.Scene {

constructor() {
    super({key: 'Docs'})
}

init(data) {
}

preload() {     
    console.log(this);
    this.load.scenePlugin({
        key: 'rexuiplugin',
        url: 'https://raw.githubusercontent.com/rexrainbow/phaser3-rex-notes/master/plugins/dist/rexuiplugin.min.js',
        sceneKey: 'rexUI'
    });
}

create() {
    this.backButton = new Button(this, 50, 50, 'btn-start', this.goDocs2, 'goDocs2');
    var itemInfoRect = this.rexUI.add.roundRectangle(96, 96, 50, 50, 0, COLOR_DARKEST);
}   

goDocs2() {
    this.scene.start('Docs2');
}
}


class Docs2 extends Phaser.Scene {

constructor() {
    super({key: 'Docs2'})
}

init() {

}

preload() {     
    console.log(this);
}

create() {
    var itemInfoRect = this.rexUI.add.roundRectangle(96, 96, 50, 50, 0, COLOR_LIGHT);
}

}

1 个答案:

答案 0 :(得分:0)

好的,这是一个开放的错误。有一种解决方法:

https://github.com/rexrainbow/phaser3-rex-notes/issues/10