开始不知道,还真有点小繁琐。
mac系统上创建bm font的工具有不少,我主要用hiero和glyphdesigner;前者是java写的,后者是mac原生的,功能都差不多。
还有一个类似的工具bmglyph。
首先根据不同平台解决方案建立不同的字体尺寸,建议大小如下表:
创建完毕后导出为.fnt和.png两个文件,比如1.fnt和1.png
在spritebuilder中创建一个fonts文件夹,然后根据上面创建的字体文件名在fonts中建立1.bmfont文件夹然后在其中依次建立4个子文件夹:
resources-phone, resources-phonehd, resources-tablet, and resources-tablethd,然后按照不同的平台放入不同尺寸的字体文件(1.fnt和1.png)。
为了示例,我只是将1.fnt和1.png拷贝4次放到4个文件夹中,实际项目中需要修改尺寸以对应不同平台。
注意你建立的1.bmfont后,该文件夹名字会自动变为1.bmfont. ,即后面会多出一个点;这个先不用管,后面会说明处理办法。
这时的文件夹类似如下布局:

只不过图中的字体名称为gd。
在spritebuilder中file view视图中鼠标右键点击1.bmfont.文件夹选择show in finder,在打开的finder窗口中将1.bmfont.改为1.bmfont。再回到file view视图中,发现字体图标发生了变化:
接下来,在场景中拖入一个label bm-font控件:
将其font file属性设置为1.bmfont:
你可以将该label链接到一个变量,然后就可以在xcode中代码引用了。
我添加了一段倒计时代码,从10到0,然后切换game over场景:
最终效果如下图: