Simple HTML5 tool to cut bitmap font sheet images and generate angelcode descriptors (.fnt files)
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
fabienbk Merge pull request #2 from qwertysam/master
Dynamically updating default "lineHeight" and "base" values
Latest commit cc6ea4c May 17, 2017

README.md

FontCutter

A small HTML5 tool (hosted here: http://fontcutter.fbksoft.com for convenience, but you can just open index.html offline) to easily generate Angel Code Font files (format documentation here) for fixed-sized font sheets. This format is used in many game frameworks, like libgdx and several Unity3D plugins, and probably many many other ones.

screenshot

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. Click on "open an image", tweak the char width and height until the grid match perfectly the letters in the image. Then manually write down the glyphs. Click on "preview" to check everything is fine. Once you're satisfied with the result, simply click on "ouput", and copy paste the result in a new fnt file.

More info here: http://fbksoft.com/easy-angelcode-generation-from-existing-bitmaps/