分享

使用BMfont制作含有“中文图片”的.fnt格式字体合图

 勤奋不止 2022-11-23 发布于北京

我们在制作手游中,经常会用到图片字体,即.fnt格式的字体,这种格式的字体中,如果图片是数字,我们可以很快的制作,如果是中文,会造成不小的麻烦,今天这种方法是一种取巧的方法,如果读者有更好的方法,麻烦留言,或者发邮件给我(caozexu261@163.com),欢迎讨论,哈哈。下面我们进入正题

首先,我们通过软件BMfont来制作,这个软件全称是Bitmap font generator,是一款专门用来制作font字体的软件,可以自行下载。打开软件效果如下:

这个软件的一些参数设置和功能用法,读者可以通过搜索来学习,在这里我就不详细介绍了。我放一个链接,有需要的同学可以去看看

http://www.cr173.com/html/46021_1.html

我们在制作font字体时,在BMfont中每个字体都有它对应的ID,如图:


中文图片的制作困难在于我们不像数字那样能轻易的得到它的ID。比如数字“0”的ID对应的是“48”,但是中文“万”我们就不知道该填写多少,接下来我们通过下列方法获取中文图片在BMfont中对应的ID。

1.在制作Font字体是,美术一般会提供给你所需要的图片,如下图:

这里需要注意的是,每张图片的高度要一致,这需要给美术说明


2.接下来我们需要实现的是把这些你需要用的字体写在一个文件里,效果如下:


这里要注意的是,你的文件编码格式需要是UTF-8,不然在导入BMfont中时,会报找不到对应字体的错误。如图,


3.打开BMfont软件,点击Edit,选择Select all chars,如图:


点击Edit,选择Clear all chars in font,如图:


这两步的目的是为了生存的font字体中只还有自己想要生成的,建议每次生成不同的font字体文件是,都统一进行这两步。

4.点击Edit,然后选择Select chars from file,如图:


把我们刚刚制作好的txt文件拖入进来,点击确定就ok了。

这个时候,我们在软件中就可以预览我们想要生成的font文件了。点击Options,点击Visualize,如下:


我们可以看到如下:

5.接下来我们就可以发布了,如图:


发布完成以后,我们可以看到后缀分别为.fnt和.png的两个文件,.png为合图,.fnt记录了合图还有字体ID的一些信息


6.打开后缀为.fnt的文件和合图,对照文件和合图,通过每个字体的位置对比,我们可以得到每个字体对应的ID。如图:

比如,我们发现x=0, y= 23 的ID=39063,合图中发现这个字是“颗”,那么“颗”的ID就是39063了。

到这里我们就获取到了每个中文所对应的ID了。

7,接下来根据刚刚获取到对应的ID,依次把我们的字体资源导入

点击Edit,点击Open Image Manager,如图:


打开效果如下:

点击Image,点击Import image


打开美术资源,把所需要用到的图片依次拖入进来,并且ID对应写好。如图:


8.全部导入以后,我们就可以发布了,(发布过程和上面发布一样),这个时候我们会看到.fnt 和.png两个文件,大功告成


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多