码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-24 13:08:31      阅读:385      评论:0      收藏:0      [点我收藏+]

标签:体制   舞台   17.   命名   mtu   JD   alt   span   merge   

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的制作和使用

标签:体制   舞台   17.   命名   mtu   JD   alt   span   merge   

原文地址:https://www.cnblogs.com/gamedaybyday/p/9219907.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!