Build games as easily as you play them — join the Phaser Beam waitlist for Early Access.
class Example extends Phaser.Scene { constructor () { super(); } preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v385'); // Normal font this.load.bitmapFont('chiller', 'assets/fonts/bitmap/chiller.png', 'assets/fonts/bitmap/chiller.xml'); // Trimmed Atlas version this.load.atlas('fontatlas', 'assets/atlas/chiller.png', 'assets/atlas/chiller.json'); this.load.xml('chillerXML', 'assets/fonts/bitmap/chiller.xml'); } create () { Phaser.GameObjects.BitmapText.ParseFromAtlas(this, 'chiller2', 'fontatlas', 'chiller.png', 'chillerXML'); this.add.bitmapText(32, 64, 'chiller', '$ Lorem ipsum sit amet'); // The texture atlas version this.add.bitmapText(32, 64, 'chiller2', '$ Lorem ipsum sit amet'); } } const config = { type: Phaser.CANVAS, parent: 'phaser-example', scene: Example }; const game = new Phaser.Game(config);
class Example extends Phaser.Scene
{
constructor ()
{
super();
}
preload ()
{
this.load.setBaseURL('https://cdn.phaserfiles.com/v385');
// Normal font
this.load.bitmapFont('chiller', 'assets/fonts/bitmap/chiller.png', 'assets/fonts/bitmap/chiller.xml');
// Trimmed Atlas version
this.load.atlas('fontatlas', 'assets/atlas/chiller.png', 'assets/atlas/chiller.json');
this.load.xml('chillerXML', 'assets/fonts/bitmap/chiller.xml');
}
create ()
{
Phaser.GameObjects.BitmapText.ParseFromAtlas(this, 'chiller2', 'fontatlas', 'chiller.png', 'chillerXML');
this.add.bitmapText(32, 64, 'chiller', '$ Lorem ipsum sit amet');
// The texture atlas version
this.add.bitmapText(32, 64, 'chiller2', '$ Lorem ipsum sit amet');
}
}
const config = {
type: Phaser.CANVAS,
parent: 'phaser-example',
scene: Example
};
const game = new Phaser.Game(config);