class Example extends Phaser.Scene { constructor () { super(); } preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v355'); // 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);
Scan to open on your mobile device
class Example extends Phaser.Scene { constructor () { super(); } preload () { this.load.setBaseURL('https://cdn.phaserfiles.com/v355'); // 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);