mirror of
https://github.com/photonstorm/phaser
synced 2024-11-14 17:07:43 +00:00
36 lines
1.2 KiB
JavaScript
36 lines
1.2 KiB
JavaScript
|
|
var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { preload: preload, create: create, update: update });
|
|
|
|
function preload() {
|
|
|
|
// Phaser can load Bitmap Fonts.
|
|
|
|
// As with all load operations the first parameter is a unique key, which must be unique between all image files.
|
|
// Next is the bitmap font file itself, in this case desyrel.png
|
|
// Finally is the path to the XML file that goes with the font.
|
|
|
|
game.load.bitmapFont('desyrel', 'assets/fonts/desyrel.png', 'assets/fonts/desyrel.xml');
|
|
|
|
// Note that the XML file should be saved with UTF-8 encoding or some browsers (such as Firefox) won't load it.
|
|
|
|
// There are various tools that can create Bitmap Fonts and the XML file needed.
|
|
// On Windows you can use the free app BMFont: http://www.angelcode.com/products/bmfont/
|
|
// On OS X we recommend Glyph Designer: http://www.71squared.com/en/glyphdesigner
|
|
|
|
}
|
|
|
|
var text;
|
|
|
|
function create() {
|
|
|
|
game.stage.backgroundColor = '#0072bc';
|
|
|
|
text = game.add.bitmapText(200, 100, 'Bitmap Fonts!', { font: '64px Desyrel', align: 'center' });
|
|
|
|
}
|
|
|
|
function update() {
|
|
|
|
text.setText('Bitmap Fonts!\nx: ' + Math.round(game.input.x) + ' y: ' + Math.round(game.input.y));
|
|
|
|
}
|