class Example extends Phaser.Scene
{
preload ()
{
this.load.setBaseURL('https://cdn.phaserfiles.com/v385');
// 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 = {
type: Phaser.WEBGL,
parent: 'phaser-example',
width: 800,
height: 600,
scene: Example
};
const game = new Phaser.Game(config);
class Example extends Phaser.Scene
{
preload ()
{
this.load.setBaseURL('https://cdn.phaserfiles.com/v385');
// 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 = {
type: Phaser.WEBGL,
parent: 'phaser-example',
width: 800,
height: 600,
scene: Example
};
const game = new Phaser.Game(config);