通过 Bitmap Font Generator 生成 fnt 与 png 文件供 cocos2d-x 中 LabelBMFont 使用达到以图片表现数字
在每个项目开发中几乎都会用到数字，比如战斗结算会有数字的加减，而且往往还伴随着很多特效动画，为了使数字变动更有代入感，一般数字都会给精心设计好的图片资源。那这样程序应该如何实现呢？
一般想的是创建很多的sprite，比如：数字12345，那么就会创建5个sprite然后拼接起来，这样做呢既丢失了很多性能，而且拼接起来的数字不容易扩展出一系列复杂动画，很有局限性。
所以工具Bitmap Font Generator帮我们解决了这问题，如何使用，让我们一步步开始吧！。。。
准备工作:
0到9共十张图片资源：如图0：
通过 Bitmap Font Generator 把我们上面准备好的多个数字图片打包成两个文件，一个.png文件和一个.fnt文件，这两个文件就是程序中所需要的。
首先,下载位图字体生成工具Bitmap Font Generator（貌似仅有windows版）并安装：http://www.angelcode.com/products/bmfont/
在安装目录下找到 C:\Program Files (x86)\AngelCode\BMFont\bmfont.exe 双击运行。
打开界面如下图1：
首先去掉界面右侧的 Latin + Latin Supplement选项，使右侧一个都不选中。界面会变成下图：
1.选中左侧界面中 0 1 2 3 4 5 6 7 8 9 数字使之显示浅灰选中状态如图:
2.选择坐上角 Edit 按钮下的 Open Image Manager,会弹出一个小窗，如下图：
3.点击 Image按钮，选择 Import Image..
选择我们已准备好的数字图片0.png，确定后会弹出下图：
如何查看Id：把鼠标滑到一开始就打开的主界面0数字上，在主界面右下角会看到 48:30，前者48就是对应的Id，如图：
点击ok，0.png就添加完成如下图：
依次把1-9都添加完，最后效果如图：
细心的朋友可能注意到主界面0-9的数字方框右下角多了个蓝点，说明已添加：
到此可以关闭Image Manager。
4.点击 Options按钮，选择 Font settings，在弹出的设置框中我们只需要设置两项，字体（就是提前准备好的0-9那十张图所用字体，美术提供）以及大小， 如图：
5.点击 Options按钮，选择 Export options，在弹出的设置框中我们也只需要修改两项，如图：
6.点击 Options按钮，选择 Save bitmap font as... 导出到桌面，命名：BitmapFont.fnt
这时桌面上会有两个文件：1.BitmapFont.fnt 2.BitmapFont_0.png，同时把俩个文件考入工程中。
这时桌面上会有两个文件：1.BitmapFont.fnt 2.BitmapFont_0.png，同时把俩个文件考入工程中。
使用代码如下：
- var number = new cc.LabelBMFont("0123456789", "res/BitmapFont.fnt");
- this.addChild(number);
- number.x = cc.winSize.width/2;
- number.y = cc.winSize.height/2;
效果图：
(原文：http://blog.csdn.net/song_hui_xiang/article/details/44022419）
转自：https://blog.csdn.net/while0/article/details/53096108
欢迎转载，本帖地址：http://blog.csdn.net/jinjian2009/article/details/9371691
刚才发完贴发现，图全没了，原来自己直接贴的，没有上传，现在补全了~
说下本文，重点就是命令行，如果用过这个工具的，可以直接看最后一条命令行~如果是高手，直接跳过本文吧
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
对于Bitmap Font Generator的使用方法网上的也有很多文章进行了说明，但是可能并不够全面
本文可能也没有那么全面，但是绝对有新颖的地方。
首先，说下为什么要使用这款工具作为cocos2d-x的字体生成工具。其实cocos2d-x能使用的字体生成工具也有好几个，当然了本人也没有全部使用过，就不一一说明了。Bitmap Font Generator（下面简称BMFont）工具的好处有一下几点：
1.支持windows系统，貌似也只支持windows，好吧，这也是个缺点
2.支持从文本中获取所需要生成的字
3.支持保存设置文件
4.支持命令行
BMFont工具的下载地址：http://www.angelcode.com/products/bmfont/
安装完成之后，可以看下界面
右边是字库分类，左边是字符，可以点中作为输出的字体（白灰色底的是选中的，黑灰色底的是没有选中的）。
这个先别急着选，先设置下输出的配置，比如字体什么的~
一、字体设置
打开左上角的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旁边的白框会变成如下：
如果全选的话，Arrows旁边的白框会变成如下（PS：直接点Arrows旁边的白框一样的效果）：
在菜单栏的Edit选项上面，会有一些便捷操作
(Un)Select all chars 选中或者不选中，当前选中的那个字符集分类中的所有字体（读者可能不理解，其实试一下就好，或者看下一条，也许就很好理解了）
Select marked subset(s) 选中所有已经选中的子字符集下的文字（使用ctrl可以在左侧选中一个或者几个子字符集，如下图）
UnSelect marked subset(s) 与上一条相反，不选中已经选中的子字符集下文字
Clear all chars in font 清除所有选中的文字
2.通过文本选择
通过上面的手动选择，可以看出选择文字是个体力活，那有没有什么简便方法呢~答案是肯定的，这个工具给力的地方体现出来了
这个工具可以通过解析文本来输出文本当中所用到的问题，当然如果你选中的字体里面，没有该文字，那可能就无法输出了哦~
那么如何操作呢，如下：
选择菜单栏上的Edit下的Select char from file，然后浏览找到自己需要的生成字体的文本，就这么简单
但是，问题来了，这个文本的格式，是很操蛋的一个问题，它需要是UTF-8，并且是带BOM的UTF-8
如果不是这个格式会肿么样？嘿嘿嘿，当然是生成出来的是乱码喽（PS：其实估计英文的话，问题不大，中文就是各种莫名乱码）
如果不是这个格式的肿么办？哈哈哈~~百度看看如果转换格式吧，很多文本编辑器带这个功能，本人不多说了哦~
四、保存配置文件
首先说下为什么要保存配置文件，这个嘛~好处还是蛮多的
1.保存了配置文件，下次就不需要手动再配置一次了~
2.时间长了忘了怎么配置的了，肿么办？保存一下，白纸黑字嘛
3.保存下来也是文本，可以直接文本编辑器里面去修改配置
废话不多说了，来说下怎么操作：
选择菜单栏上的Options下的Save configuration as...
然后选择保存的位置，以及文件名~
配置文件的后缀名是.bmfc
上图可以看到，还有个Load configuration，这个是加载配置文件的，下次打开工具之后可以直接加载了，而不需要重新配置了~哇咔咔
五、导出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文件
没想到居然写了这么多，其实本来就想写个命令行的，让大家方便就好~~
希望大家多多支持，如果有不对的地方，还请指教~
欢迎转载，本帖地址：http://blog.csdn.net/jinjian2009/article/details/9371691