咸鱼教程TextureMerger1.6.6 三:Bitmap Font的制作和使用

Posted gamedaybyday

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了咸鱼教程TextureMerger1.6.6 三:Bitmap Font的制作和使用相关的知识,希望对你有一定的参考价值。

BitmapFont主要用于特殊字体在游戏中的使用技术分享图片
 
目录
一 方法1:添加字符      适合一张一张的零碎图片来制作位图字体
二 方法2:系统字体      适合使用已安装的系统字体来制作位图字体
三 方法3:字体纹理集   适合美术提供的整张图字体来制作位图字体
 
  打开TextureMerger,选择BitmapFont
技术分享图片
 
 
 

一 方法1: 添加字符 (序列图制作位图字体)

技术分享图片 

选择0 1 2 字体图片
技术分享图片 

记得去掉附加拓展名的勾。因为左侧的命名和右侧的图片是对应关系,命名“0”就代表了图片0。
如果增加了拓展名,那么你在文本中显示0需要 label.text = "0_png"... ...
技术分享图片

 

导出
技术分享图片

 

导出为font,则可以得到两个文件,分别是配置文件font.fnt和纹理集font.png
技术分享图片

 

将文件放到资源文件目录下
技术分享图片

 

代码中使用。新建一个BitmapText,文本内容为12。
技术分享图片

 

运行效果
技术分享图片



exml文件中使用
拖动一个BitmapLabel组件到舞台上
技术分享图片

 

选择位图文本为font_fnt,标签内容为12
技术分享图片

 

效果
技术分享图片




二  方法2:更多字符  (使用系统字体制作位图字体)

技术分享图片 

选择系统字体,然后选择字体为迷你简咪咪(或者其他你系统上安装的字体),点击确认。
技术分享图片 

texturemerger会将这些字体制作为图片,然后我们选择导出。
技术分享图片 

导出为systemFont,并添加到资源目录下
技术分享图片 

代码中使用
技术分享图片 

运行效果
技术分享图片 


三  方法3:更多字符(字体纹理集)
在更多字符里,选择字体纹理集
技术分享图片 

选择文件
技术分享图片 

选择测试用的tFont.png
技术分享图片 

按顺序输入图片所示数字34152
技术分享图片 

点击确认,则字体图片生成完成
技术分享图片 

 

 


之后在代码和exml中使用同上,不再赘述。{:6_108:}














































以上是关于咸鱼教程TextureMerger1.6.6 三:Bitmap Font的制作和使用的主要内容,如果未能解决你的问题,请参考以下文章

咸鱼教程TextureMerger1.6.6 二:Sprite Sheet的制作和使用

TextureMerger1.6.6 一:Egret MovieClip的使用

TextureMerger1.6.6 二:Sprite Sheet的制作和使用

咸鱼教程微信网页授权(获取用户头像昵称等)

咸鱼教程一个简单的弹出二级菜单UIPopupMenu

咸鱼教程protobuf在websocket通讯中的使用