Phaser: Bitmaptext display capped on Canvas

Created on 20 Dec 2020  路  7Comments  路  Source: photonstorm/phaser

Version

  • Phaser Version: 3.50.0
  • Operating system: MacOS
  • Browser:

Description

With version 3.50.0, Bitmaptext objects are displayed cropped, like only a small portion of every letter. This happens only with canvas. Using WEBGL, the same code/asset works as expected.

Example Test Code

Additional Information

馃敭 Renderer (Canvas)

Most helpful comment

@vforsh @monteiz Another Littera user here. On Adobe site, you can download Flash projector (https://www.adobe.com/support/flashplayer/debug_downloads.html). It is standalone app on PC that can open .swf files. Then download web page with Littera with browser and keep .swf file. Finally, open .swf with projector...

All 7 comments

You need to provide an example. I use bitmap texts extensively in my game and they look fine.

@vforsh You're right, all of the Phaser 3 examples also works. It must be a matter of assets. I am trying to prepare an example, but since the issue appears to be asset specific, I cannot find a quick way to share my own .png and .fnt file in the sandbox.

These are the two files: https://ufile.io/f/48e4c

I use the old Shoebox to create my bitmapfonts, which worked well until version 3.24.x. With version 3.50.0, they appear wrongly cropped.

I tried Littera to make a test, and bitmapfonts created with it work well.

What do you use to create your bitmapfonts?

@monteiz I always use Littera too. Such a shame that it is a Flash-based tool and it will fade away soon.

@vforsh I agree with you, Littera is great, but a bit limited. With Shoebox you can use Photoshop or Illustrator to make really amazing bitmapfonts, but for some reason Phaser 3.50.0 does not like it anymore. I hope someone can fix that.

Littera in Flash, and Shoebox in Adobe Air. We will say bye to them soon I guess, and that's a shame.

I have just seen your game, it looks awesome! Congratulations, it is beautiful.

@vforsh @monteiz Another Littera user here. On Adobe site, you can download Flash projector (https://www.adobe.com/support/flashplayer/debug_downloads.html). It is standalone app on PC that can open .swf files. Then download web page with Littera with browser and keep .swf file. Finally, open .swf with projector...

Thank you @SBCGames, that's a good tip.

Thank you for submitting this issue. We have fixed this and the fix has been pushed to the master branch. It will be part of the next release. If you get time to build and test it for yourself we would appreciate that.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rexrainbow picture rexrainbow  路  4Comments

MarkSky picture MarkSky  路  3Comments

maikthomas picture maikthomas  路  4Comments

samme picture samme  路  4Comments

Legomite picture Legomite  路  4Comments