4.10.3 使用Glyph Designer创建位图字体

4.10.3  使用Glyph Designer创建位图字体

www.71squared.com上发布了一款可以替代Hiero的工具：Glyph Designer。虽然该工具是收费的，不过物有所值。

在http://glyphdesigner.71squared.com上可以下载Glyph Designer的试用版本。如果你已经很熟悉Hiero，会发现两者的功能十分相似，但是Glyph Designer的用户界面要简单得多，而且有很多值得探索的地方。Mike Daley在某一集的cocos2d Podcast(可在http://cocos2dpodcast.wordpress.com找到)中提到，Glyph Designer还会加入一项新功能，允许与该工具的其他用户共享字体设计。

图4-7所示为Glyph Designer。创建位图字体的过程相对轻松，试着调节Glyph Designer中各种旋钮、按钮和颜色没有坏处。下面将指出可以编辑的区域。

在图4-7的左侧可以看到一个TrueType字体列表，如果不够用，可以使用Load Font图标加载任意TTF文件。在列表下方，可以使用滑动条改变字体大小，并应用粗体、斜体和其他字体样式。

提示：

创建支持Retina显示屏的位图字体很简单。正常创建字体并导出，这将是非Retina显示屏字体或SD字体。然后，在Glyph Designer中将字体大小增加1倍。例如，将滑块从字号30移动到字号60。最后，使用相同的文件名，但是加上hd后缀，重新导出字体。现在就同时有了普通/SD和Retina显示屏/HD大小的字体。

如果在具有Retina显示屏的设备上运行游戏，并且启用了对Retina显示屏的支持，cocos2d将自动识别并使用带有hd后缀的字体。

在屏幕中央，可以看到：得到的纹理图册用于当前字体设置。可以注意到，在修改字体设置时，纹理图册的大小和笔画的顺序会频繁地变化。可以选择一个笔画，在右侧窗格中Glyph Info的下方查看其信息。

在右侧窗格更下方的位置，可以修改纹理图册的设置，不过在大多数情况下没有必要修改。Glyph Designer确保纹理图册总是足够大到能够在单个纹理中包含所有的笔画。

Glyph Fill提供的设置可以修改笔画的颜色和填充方式，包括渐变设置。还有两个选项：Glyph Outline和Glyph Shadow。使用Glyph Outline可以修改每个笔画旁边的黑色细线，使用Glyph Shadow可以为字体创建3D外观。

右侧窗格的最底部是Included Glyphs部分。在该部分，可以选择在纹理图册中包含哪些预定义的笔画。如果十分确定不需要某些字符，那么也可以输入自己的字符列表来减小纹理的尺寸。例如，在得分字符串中，只需要数字和很少的一些字符，所以这么做特别有帮助。DoodleDrop项目中使用的位图字体只包含字母，以减少字体使用的内存。

对位图字体感到满意后，可以保存整个项目，以便能够还原原来的设置。为了以cocos2d可用的格式保存字体，需要通过File | Export以.fnt(cocos2d Text)格式保存。然后可以在Xcode项目中添加使用Glyph Designer创建的FNT和PNG文件，并在CCLabelBMFont类中使用FNT文件。

警告：

如果试图使用CCLabelBMFont显示.fnt文件中不可用的字符，这些字符将被跳过，不会显示出来。例如，如果使用语句[label setString:@"Hello, World!"]，但是位图字体中只包含小写字母，不包括标点符号字符，那么显示的将是字符串"ello orld"。