首页 > 游戏开发 > 使用位图字体工具BMFont从图片生成自定义字体
2015
08-17

使用位图字体工具BMFont从图片生成自定义字体

本篇讲解如何利用美工提供的字符图形来生成自定义字体。

美术提供的字体经常是下面这样的:

使用位图字体工具BMFont从图片生成自定义字体 - 第1张  | 长流技术

或者这样的:

使用位图字体工具BMFont从图片生成自定义字体 - 第2张  | 长流技术

这时候我们就要借助BMFont了,首先针对真彩色的图形,我们要做一些设定,点击”Options”->“Export options”:

使用位图字体工具BMFont从图片生成自定义字体 - 第3张  | 长流技术

在弹出的窗口中,注意红框中“位深”,设为32:

使用位图字体工具BMFont从图片生成自定义字体 - 第4张  | 长流技术

然后,点击”Edit”->”(Un)Select all chars”,取消选择所有字符。因为我们将在后边导入需要的字符。

使用位图字体工具BMFont从图片生成自定义字体 - 第5张  | 长流技术

OK,现在点击”Edit”->”Open Image Manager”:

使用位图字体工具BMFont从图片生成自定义字体 - 第6张  | 长流技术

弹出图片管理窗体,如下:

使用位图字体工具BMFont从图片生成自定义字体 - 第7张  | 长流技术

那个”Image”是菜单,可以点击。选择”Image”->”Import image…”:

使用位图字体工具BMFont从图片生成自定义字体 - 第8张  | 长流技术

弹出如下窗体:

使用位图字体工具BMFont从图片生成自定义字体 - 第9张  | 长流技术

点击”Browse”按钮,在弹出的“打开”窗口中选择一个字符图片,比如”0″:

使用位图字体工具BMFont从图片生成自定义字体 - 第10张  | 长流技术

然后在ID后的文本框中输入字符”0″的Ascii值:48,点击”OK”。

这时返回主窗体,你会看到字符表中”0″右下角有一个小亮点标记,说明该字符的图形为自定义图片。如下图:

使用位图字体工具BMFont从图片生成自定义字体 - 第11张  | 长流技术

按上述方法,依次加入其它字符的图片,完成后如下:

使用位图字体工具BMFont从图片生成自定义字体 - 第12张  | 长流技术

OK,下面准备导出。导出前我们可以先点击”Options”->”Visualize”预览一下:

使用位图字体工具BMFont从图片生成自定义字体 - 第13张  | 长流技术

嗯,材质稍微有点大。导出fnt的方法大家都清楚了,就不再复述了。

最后得到如下文件:

使用位图字体工具BMFont从图片生成自定义字体 - 第14张  | 长流技术

好浪费内存啊,罪过罪过……

最后编辑:
作者:细水长流
关注互联网+ 关注o2o 关注创业创新领域

留下一个回复