Bitmap font automation

Questions & Problems
#1

Hi

I try to create bitmap fonts and looked at this video

I’m looking for a way (or feature request) to put a collection of PNG images directly into pro motion and that a bitmap font is created automatically of the files. Is this currently possible?

So I have a PNG image of each symbol for the font like this.

afbeelding
afbeelding905×492 21.4 KB

#2

With some fiddling it should be possible with some half automated process. I did not try it but the theory should be:

  1. load all the images as an animation using File/New Project/Create from single Images
  2. Grab all the frames as AnimBrush (see Documentation | cosmigo )
  3. Create a new bitmap font project large enough to hold all the font characters side by side and use a height one pixel larger then the font height is to be. Use a much larger width for later correction steps.
  4. To have the same color palette as the fonts in your brush, use Colors/Get Palette from Brush
  5. Select line tool and define “Dot every Nth Pixel”. For “N” give the width of a single character
  6. Draw a straight line from left to right so that all the brush frames are placed side by side. Leave first pixel row blank so that you start the line at 0x1, not 0x0
  7. add the character separation pixels in the first row for every character, make sure to insert blank characters where needed.

As you can see, very simple :sweat_smile:

Other ways are possible as well, e.g. when you have the fonts as animation then use Animation/Create Sprite Sheet and then copy this to a bitmap font project etc. .