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

使用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"。

你可能感兴趣的:(design)