关于BMFont网上的教程已经足够多,一般的稍微百度下就能出现一大堆,而且看了也一定能用
@H_403_1@
@H_403_1@
@H_403_1@
但是作为一个过来人,我还是乐意重复造轮子,毕竟这东西,多多益善嘛
@H_403_1@
@H_403_1@
@H_403_1@
OK不废话直接开始
@H_403_1@
@H_403_1@
@H_403_1@
首先我们需要去这里寻找到我们需要的BMFont,进行下载
http://www.angelcode.com/products/bmfont/
@H_403_1@
@H_403_1@
@H_403_1@
安装便是无脑的下一步,你们懂的
@H_403_1@
@H_403_1@
@H_403_1@
然后点击安装好的BMfont可以看到如下界面:
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
此软件有2个选项卡,Option 和Edit
@H_403_1@
我们点开细看:
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
从上到下分别为:Font settings (字体设置),Export options(导出选项),Visualize(可视化)
@H_403_1@
Save bitmap font as(作为bitmap 字体保存至..),Load configuration (加载配置),Save configuration as 保存配置至... 后面两个就没有说的必要了
@H_403_1@
@H_403_1@
@H_403_1@
接下来我们在看Edit选项
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
从上到下分别为,(为了节约时间,英文我就不写了)1,选中(取消选中)所有字符
@H_403_1@
2,选取标记子集 3,权限选择标记子集 ,4,清除所有选中的字符 5,从文件中选取字符 ,6查找下一个失败的字符,7,清除失败的字符,8,打开一个图片管理器
@H_403_1@
@H_403_1@
@H_403_1@
如果亲们有兴趣可以对其进行彻底的研究,不过个人觉得没必要,一个制作FNT字体的工具而已,没必要花太多的时间去纠结
@H_403_1@
@H_403_1@
@H_403_1@
OK,我们来做一个常用中文字符的FNT文件
@H_403_1@
第一步,我们需要去网上找下常用的中文字符。OK,去百度一下“中国常用汉字”
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
我们找到这个,下载下来,保存到桌面
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
然后我们再去下一个我们喜欢的字体
http://font.chinaz.com/zhongwenziti.html
@H_403_1@
值得说一下的是,不是上面的每个字体都能正常的支持BMFont的制作,很多字体直接失败的呢
@H_403_1@
因为本人很喜欢华文行楷字体,所以我下载了一个华文行楷
@H_403_1@
然后点击选项(Options)选第一个Font setting,如图
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
请注意2个圈里面的内容,Font是我设的是华文行楷,因为这个字体已经在我的C盘系统(C:\Windows\Fonts)里面了,如果你想用自己已有的字体可以点击箭头选取,如果你选择下载到的字体,可以点击第二个选项进行添加,第三个请务必选中,别问我为什么,我也不知道
@H_403_1@
然后点击OK按钮
@H_403_1@
@H_403_1@
@H_403_1@
然后我们需要在Options(选项)里设置第二个选项
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
请注意红圈里面的内容,第一个红圈是字与字之间的边距,第二个是设置存放字体的图片的大小。因为我们的字体足够多,所以我选择了2048*2048的(这里小于2048导出的时候有多个图片,最好避免多个图片)。貌似目前最大的支持4096*4096。
@H_403_1@
第3个圈请一定选择32,如果不选,文字在显示的时候出了问题就别怪我(不信你试试,哈哈)
@H_403_1@
第四个是选择第三个之后就默认的,可以改变,有兴趣和时间自己去
@H_403_1@
第5个圈里面请按照我的选择选取
@H_403_1@
@H_403_1@
@H_403_1@
做好这一切之后,点OK按钮,然后需要做的是选取文字,点Edit选项卡,如果你数学足够好的话,请选择第5项(select chars from file)然后选取文件,如图
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
如果你不需要这些字体,请用第4项清空
@H_403_1@
做完这些,如果你字体是支持这些文字的时候效果如此
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
如果不支持则是
@H_403_1@
@H_403_1@
@H_403_1@
@H_403_1@
或者直接有弹出框,什么的,这个时候不需要纠结,果断换其他字体吧
@H_403_1@
@H_403_1@
@H_403_1@
然后,就是最后一步的导出文件了,不用说,肯定是进入选项(Options)选第四项Save bitmap font as
@H_403_1@
@H_403_1@
我选择了存到桌面,并给他取了一个霸气侧露的名字--font
@H_403_1@