cocos2d-x位图字体生成工具bmfont怎么使用
在看别人的代码的时候，有时候会发现.fnt文件，这个文件是如何产生的呢，其实是使用位图处理工具bmfont生成的！
本文的重点就是命令行，如果用过这个工具的，可以直接看最后一条命令行~如果是高手，直接跳过本文吧
对于Bitmap Font Generator的使用方法网上的也有很多文章进行了说明，但是可能并不够全面！
本文可能也没有那么全面，但是绝对有新颖的地方。
首先，说下为什么要使用这款工具作为cocos2d-x的字体生成工具。其实cocos2d-x能使用的字体生成工具也有好几个，当然了本人也没有全部使用过，就不一一说明了。Bitmap Font Generator（下面简称BMFont）工具的好处有一下几点：
1.支持windows系统，貌似也只支持windows，好吧，这也是个缺点
2.支持从文本中获取所需要生成的字
3.支持保存设置文件
4.支持命令行
安装完成之后，可以看下界面
右边是字库分类，左边是字符，可以点中作为输出的字体（白灰色底的是选中的，黑灰色底的是没有选中的）。
这个先别急着选，先设置下输出的配置，比如字体什么的~
一、字体设置
打开左上角的Options，选择Font settings，出现如下界面，这个就是可以设置字体的地方
说下几个重点的地方
首先选择字体，Font右边的下拉列表可以选择。如果没有自己需要的字体，说明系统没有安装这个字体，可以先安装字体，再来设置（推荐该方法）。或者点击下面的Add font file,去加载字体。
其次，设置Charset，选择Unicode
二、导出设置
打开左上角的Options，选择Export Options，出现如下界面，这个就是可以设置导出的地方！
这些设置，主要说下File format，包括三种格式 文本、XML、二进制，cocos2d-x支持文本格式的fnt文件，选择text就OK
三、输出文字选择
具体要导出哪些文字，需要选择，主要方法有以下两种：
1.手动选择：可以看到主界面上面右边的区域，其将文字进行了分类，字符集的分类
比如002190，表示的是Arrows，箭头
此时选中，可以看到左边显示的是Arrows表示的文字内容
如果选中其中的一个或者几个，Arrows旁边的白框会变成如下：
五、导出fnt，以及贴图文件
差点忘了这条了，这个很简单：
选择菜单栏上的Options下的Save bitmap font as...或者快捷键 ctrl + s
六、命令行使用
这个是重头戏呀~按惯例说说，命令行的好处吧：
1、使用命令行，方便啊，一次弄好了，以后直接用个批处理，都不用再打开工具软件
2、超级方便，如果文本更新了，也不需要再打开工具软件
3、绝对超级方便，如果字体配置改了，文本也更新了，还是不需要打开工具软件
差不多了，该说正事了，如何使用命令行：
首先啊，上面的步骤还是要走的，要导出个配置文件。
其实啊，需要做文字的文本要准备好
最后，再写个.bat批处理文件就OK了~
批处理内容如下
rem 设置BMFont软件安装路径
set BMFont_PATH=E:\Progra~1\AngelCode\BMFont
rem 设置文本、配置文件以及输出fnt文件的路径
set TEXT_PATH=E:\XXX
"%BMFont_PATH%\bmfont.exe" -t %TEXT_PATH%\text.txt -c "%TEXT_PATH%\peizhi.bmfc" -o "%TEXT_PATH%\font.fnt"
命令说明： -t 选择的文本， -c 选择的配置文件 -o 输出的fnt文件
没想到居然写了这么多，其实本来就想写个命令行的，让大家方便就好~~
希望大家多多支持，如果有不对的地方，还请指教~
cocos2d-x 之美术字bmfont工具使用
1、下载安装windows下免费的位图字体制作工具Bitmap Font Generator
2 打开软件，选择Opotion->FontSetting，来设定需要导出的字体
3. 选择菜单 Edit->Clear all chars in font 清空下字符
4. 选择菜单 Edit->Selecting text from file... 选择一个文件，里面包含你想生成字体的文字
这里解释一下几个重要的地方
Padding，文字的内边框，或者理解为文字的周边留空要多大 做后期样式时这个属性很重要，需要预留空间来给描边、发光等特效使用 比如我预计我的样式要加一个2px的边框，然后加一个右下角2px的投影效果，所以我设定了padding:2px 4px 4px 2px
BitDepth，必须32位，否则没有透明层
Presets，字体初始化的预设的颜色通道设定，也就是说字体的初始颜色设定是什么样的，建议都用白色字，可以直接设定为White text with alpha，即白色字透明底。
Font descript，字体描述文件，可以使用text或者xml 也就是fnt文件格式
Textures，纹理图片格式，果断png。
6.option->Save bitmap font as...
导出成一个文理文件和一个描述文件，如果按照上面的配置，会有一个*.png和一个*.fnt
这是导出后的png图片，为了看得清楚，我选择了黑色加透明 具体颜色视你的应用情况而定。
AiPPT
2024-09-19 广告
