首页 > 其他 > 详细

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

时间:2018-10-22 16:22:52      阅读:146      评论:0      收藏:0      [点我收藏+]

转载自:http://blog.csdn.net/keshuiyun/article/details/9960667

BMFont下载地址: http://www.angelcode.com/products/bmfont/

 

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

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

技术分享图片

或者这样的:

技术分享图片

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

 

技术分享图片

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

技术分享图片

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

技术分享图片

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

技术分享图片

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

技术分享图片

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

技术分享图片

弹出如下窗体:

技术分享图片

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

技术分享图片

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

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

技术分享图片

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

技术分享图片

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

技术分享图片

嗯,材质稍微有点大。

点击option-> Save bitmap font as 导出fnt

 

最后得到如下文件:

技术分享图片

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

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

原文:https://www.cnblogs.com/slqt/p/9830527.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!