Angel Code Font File Generation from existing bitmaps

Share on RedditTweet about this on TwitterShare on Google+Share on FacebookShare on LinkedIn

I’ve created a small HTML5 tool (FontCutter) to easily generate Angel Code Font files (documentation here) for fixed-sized font sheets.

Sans titre

This format is used in many game frameworks, like libgdx and several Unity3D plugins, and probably many many other ones.

Most tools available allow you to generate these descriptors by rasterizing true type fonts (like Hiero or Bitmap Font Generator), but I couldn’t find any simple way to quickly generate this file, when you start with an existing bitmap sheet.

How to use

It’s really straightforward. First, click on “open an image”. Try this one if you don’t have any yet.

Tweak the char width and height until the grid match perfectly the letters in the image (8×8 for the example I linked). Set the lines numbers (7), then manually write down the glyphs in the inputs below. 

Click on “preview” to check that everything (glyph mapping and cutting) is fine. Once you’re satisfied with the result, simply click on “ouput”, and copy paste the result in a new fnt file.

If you have any question, or suggestion, feel free to comment! Alternatively, you can even contribute yourself to the code.

Share on RedditTweet about this on TwitterShare on Google+Share on FacebookShare on LinkedIn

6 comments

  1. Nice tool. Did you plan to make the output format directly formated to fnt (xml format) ?
    you output is nice just left the xml format output (same that actual output + xml key) to be more easily use with tool or other addon like typogenic or other Unity addon for exemple that support importing fnt at xml format.

  2. This is very helpful! I’m running into a lil difficulty displaying more than 5 lines in the editor. Eg. I can enter line number 9 and only edit up to 5. Is there a quick fix for this?

Leave a Reply to Stanislav Chervenkov Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>