使用Glyph Designer创建位图字体

 使用Glyph Designer创建位图字体

转http://book.2cto.com/201210/6610.html

 

《iOS 5 cocos2d游戏开发实战(第2版)》将引导您开发富有吸引力的2D游戏。书中展示了如何使用cocos2d这款强大的游戏引擎来开发iPhone和iPad游戏，此外还介绍了游戏中的瓦片地图、虚拟摇杆、Game Center等。本书...   立即去当当网订购

本书第1版问世后，www.71squared.com发布了一款可以替代Hiero的工具：GlyphDesigner。虽然该工具是收费的，不过物有所值。

在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中各种旋钮、按钮和颜色没有坏处。下面将指出可以编辑的区域。

 

在图的左侧可以看到一个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部分。在该部分，可以选择在纹理图册中包含哪些预定义的笔画。如果十分确定不需要某些字符，那么也可以输入自己的字符列表来减小纹理的尺寸。例如，在得分字符串中，只需要数字和很少的一些字符，所以这么做特别有帮助。

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

警告：

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