Add Scene After Game Instance

Demonstrates how to dynamically add and start a Scene to a Phaser Game instance after it has been initialized, including passing data to the Scene's create method.

800 × 600

GitHub

class MyScene extends Phaser.Scene {

    constructor (config)
    {
        super(config);
    }

    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        this.load.image('face', 'assets/pics/bw-face.png');
    }

    create (data)
    {
        this.face = this.add.image(data.x, data.y, 'face');
    }

}

var config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.AUTO,
    parent: 'game-container',
    width: 800,
    height: 600
};

var game = new Phaser.Game(config);

game.scene.add('myScene', MyScene, true, { x: 400, y: 300 });

More in Scenes52 examples

Add Scene From Another SceneDemonstrates how to dynamically add a new Scene to the Scene Manager and start it immediately while passing custom data to its create method.

Adding and Starting Scenes ManuallyDemonstrates how to add a scene to the Scene Manager and start it manually using the game instance API instead of the game configuration object.

Boot DataDemonstrates how to pass a data object when starting a scene and access it within the init, preload, and create methods for dynamic asset loading and positioning.

Bring Scene to TopDemonstrates how to move a specific Scene to the top of the Scene list so it renders above all other active Scenes.