Jump to content

Crisp Text for Small Canvas


TomLGD
 Share

Recommended Posts

Hello guys!

 

I develop a small game.

 

Really, its size is 90x160 pixels ;)

 

I scale it with Phaser scaling stuff. So i get a nice retro look. But there is something which went really wrong.

It is the text. If i use simple game.add.text with Arial or using a bitmapText doesen't matters.

There is always some kind of anti-alias or smoothing.

 

Is there a way to get a Text crispy with hard edges?

 

For a better understanding i have attached a screenshot.

 

Tom

post-16790-0-04602500-1444315812.png

Link to comment
Share on other sites

Alright! That worked.

 

Here the steps i did.

 

1. Made a small bitmap font with littera

 

Unfortunately doe's littera uses anti aliasing on default...

 

2. import the font.png to gimp and reduced the colors to 2 (only black and white are left)

 

plus made some minor changes cause the posterisation made the font a bit odd (e.g. if set colors to 2 there are alpha values left)^^

 

3. Use font as bitmapfont with exact size i set in littera.

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...