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

时间:2025-01-11 22:35:44
BitmapFont主要用于特殊字体在游戏中的使用【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
目录
一 方法1:添加字符      适合一张一张的零碎图片来制作位图字体
二 方法2:系统字体      适合使用已安装的系统字体来制作位图字体
三 方法3:字体纹理集   适合美术提供的整张图字体来制作位图字体
  打开TextureMerger,选择BitmapFont
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

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

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

选择0 1 2 字体图片
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

记得去掉附加拓展名的勾。因为左侧的命名和右侧的图片是对应关系,命名“0”就代表了图片0。
如果增加了拓展名,那么你在文本中显示0需要 label.text = "0_png"... ...
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
导出
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
导出为font,则可以得到两个文件,分别是配置文件font.fnt和纹理集font.png
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
将文件放到资源文件目录下
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
代码中使用。新建一个BitmapText,文本内容为12。
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
运行效果
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
exml文件中使用
拖动一个BitmapLabel组件到舞台上
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
选择位图文本为font_fnt,标签内容为12
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用
效果
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

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

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

选择系统字体,然后选择字体为迷你简咪咪(或者其他你系统上安装的字体),点击确认。
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

texturemerger会将这些字*作为图片,然后我们选择导出。
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

导出为systemFont,并添加到资源目录下
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

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

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

三  方法3:更多字符(字体纹理集)
在更多字符里,选择字体纹理集
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

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

选择测试用的tFont.png
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

按顺序输入图片所示数字34152
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

点击确认,则字体图片生成完成
【咸鱼教程】TextureMerger1.6.6 三:Bitmap Font的制作和使用

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