Text Bitmap Not Working

[Rahman Fadhil]

Hi

i have an error when i add this

i get this on Panda Js cheatsheet

var text = new game.BitmapText('Hello', { font: 'MyFont' });
text.position.set(100, 100);
text.addTo(this.stage);

can somebody fix this?

[SkyzohKey]

Hi. Do u have a font called "MyFont" on your game folder ? Do you loaded it ?

[Rahman Fadhil]

Hi ThanosS

I dont have font called myFont, but i have delete the font code like this

var text = new game.BitmapText('Hello');
text.position.set(100, 100);
text.addTo(this.stage);

but  it doesn't work again... why?

[SkyzohKey]

What version of Panda did u use ? The one on the master branch, or the develop one ?

In the develop branch, BitmapText has been renamed into Text. You can use it like that:

this.text = new game.Text('Hello', { font: 'Fjalla' }); // The font name can be found inside font.fnt
this.text.anchorCenter();
this.text.position.set(100, 100);
this.text.addTo(game.scene.stage); // or this.stage if you are on the current scene.

You'll also need to have a font file in your media/ folder: media/font.fnt + media/font.png

Then load it, like that:

game.addAsset('font.fnt');

 

[Rahman Fadhil]

But, how can i get the font file?

can you give me example?

[SkyzohKey]

Yep, sure, here's the perfect tool to generate .fnt fonts → http://kvazars.com/littera/

[Rahman Fadhil]

Thanks ThanosS

[SkyzohKey]

You're welcome.