Loading Assets via Configuration Objects

class Example extends Phaser.Scene
{
    preload ()
    {
        this.load.setBaseURL('https://cdn.phaserfiles.com/v410');
        //  Load via an object
        // this.load.image({ key: 'bunny', url: 'assets/sprites/bunny.png' });

        //  Load via an array of objects
        /*
        this.load.image([
            { key: 'bunny', url: 'assets/sprites/bunny.png' },
            { key: 'atari', url: 'assets/sprites/atari400.png' },
            { key: 'logo', url: 'assets/sprites/phaser2.png' }
        ]);
        */

        //  Object based including XHR Settings

        this.load.image({
            key: 'bunny',
            url: 'assets/sprites/bunny.png',
            xhr: {
                user: 'root',
                password: 'th3G1bs0n',
                timeout: 10,
                header: 'Content-Type',
                headerValue: 'image/png'
            }
        });

        /*
        //  Auto-filename based on key:

        //  Will load bunny.png from the defined path, because '.png' is the default extension.
        this.load.image({ key: 'bunny' });

        //  Will load bunny.jpg from the defined path, because of the 'ext' property.
        this.load.image({ key: 'bunny', extension: 'jpg' });

        //  ----------------------
        //  Texture Atlas Examples
        //  ----------------------

        //  Original atlas loader signature:
        //  this.load.atlas(key, textureURL, atlasURL, textureXhrSettings, atlasXhrSettings)

        this.load.atlas('level1', 'assets/level1/items.png', 'assets/level1/items.json');

        //  Object based
        this.load.atlas({ key: 'level1', textureURL: 'assets/level1/items.png', atlasURL: 'assets/level1/items.json' });
        */
    }

    create ()
    {
        this.add.image(400, 300, 'bunny');
    }
}

const config = {
    scale: { mode: Phaser.Scale.FIT },
    type: Phaser.WEBGL,
    parent: 'game-container',
    width: 800,
    height: 600,
    scene: Example
};

const game = new Phaser.Game(config);