Unity3D中使用BMFont制作图片字体 (NGUI版)

【旧博客转移 - 发布于2015年9月10日 16:07】

有时美术会出这种图片格式的文字,NGUI提供了UIFont来支持BMFont导出的图片字体

BMFont原理其实很简单,首先会把文字小图拼成一张大图(合成一张图上传GPU性能会高一些)

然后生成一份配置,描述了每张小图字符的Unicode编码(这里是10进制),坐标,宽高,偏移量,等等信息

下面说一下制作步骤

BMFont安装:http://pan.baidu.com/s/1jGvTAzc

打开BMFont

选择:Edit/Open Image Manager

用ImageManager,Import图片

ID就写那个文字的Unicode编码,这个可以在网上找一些工具转换成16进制的Unicode,然后在转成10进制

这里比较蛋疼需要一个一个的添加,建议把图片名字命名成图片中的字符,然后写一个工具自动生成这个配置

把所有文字都添加好Unicode映射后,最好选择Options/Save configuration as.. 保存一下这次编辑的配置,下次就可以直接Load config进来修改了

选择Options/Visualize 预览一下编辑的文字,检查有没有漏掉的

选择Options/Export options 配置输出参数,这里可以配置字体的间距,大图的宽高(要填2的次方)

BitDepth: 选择32位图片质量会高一些,如果文字很多的话 选择8位生成图片体积比较小(8位在加载进内存后跟32位是一样的大小)

Font descriptor 这里选择Text就好了

配置好后Ctrl+S输出,这里会输出一张大图,跟一份.fnt的配置

把这两个文件导入到Unity中

记得把图片设置成Sprite格式,apply保存

打开NGUI的Font Maker

Type选择Bitmap, 拖入配置,跟字体图片

点击Crete后就生成了我们想要的字体prefab了

在UILabel中选择myFont 就能看到效果了

时间: 2024-08-23 23:40:27

Unity3D中使用BMFont制作图片字体 (NGUI版)的相关文章

Unity3d之-使用BMFont制作美术字体

一.需求 游戏开发中经常遇到需要以美术字(而非字库)做数字显示的情况,通常美术会提供一组包含单个数字(也会有其它字符)的图片,可能是一张整图,也可能是每个数字分开的散图. 在此我以一张整图这种情况为例,来说明美术字体的具体制作流程.整图如下: 二.准备 整个制作过程需要用到三样工具: 字体数据制作工具 图片切割工具 字体生成工具 1.字体数据制作工具 字体数据制作工具名为BMFont,是一个Windows上的可执行软件,下载网址为:http://www.angelcode.com/product

unity制作图片字体

参考http://blog.sina.com.cn/s/blog_6768751b0101niao.html http://forum.china.unity3d.com/thread-20425-1-1.html 有时候美术会给出一系列的艺术字,例如数字0,1,2,3,4,5,6,7,8,9,这些字以图片的形式给开发人员,这时候图片的用法怎么用呢? 第一种想到的方法是把图片按字命名,然后以字为key存成字典,获取的时候通过字去获取(如代表数字1的图片命名为1,字典key为1,获取时通过Dict

UGUI使用BMFont制作美术字体<一>

不多说,先来效果图: 从头开始讲开发流程: 在Unity3d开发过程中,经常需要将美术提供的美术字组合成一个字体库,方便unity中的调用,BMFont则为此提供了不错的功能支持,它的下载地址在这里.它的使用方法网上有很多教程,这里不做解释,如果要使用此工具,要注意的是,这里记得使用xml格式,导出的图片为一张. 导出来的资源有:对应的图片,还有一个以fnt结尾的文件,如果打开此文件可以看到它就是一个xml文件: 在BMFont软件中我们这样操作:Options->Save configurat

BMFont制作美术字体

生成 Number.fnt.Number_0.png 两个文件,将其拖入Unity 相应位置,继续下一步 箭头所指就是我们要得到的最终目标,在文本处字体使用它就可以了. 在使用 Tools -> BMFont Maker 之前得先完成以下步骤: using UnityEngine;   using UnityEditor;     public class BMFontEditor : EditorWindow   {   [MenuItem("Tools/BMFont Maker&quo

Unity3d 使用 BMFONT 制作的艺术字体 不能居中 解决方法

文章转自http://blog.csdn.net/huutu 星环游戏 http://www.thisisgame.com.cn 转载请注明 在使用同事用 BMFONT 制作的 字体 时,在 Unity 3d 中发现,不能居中对齐. 在尝试 顶部对齐 中心对齐 底部对齐后发现,这个艺术字 是以 顶部 为锚点的. 所以结果就像上面的图片,我们选择 中心对齐,但是在 Unity3d 中看到却是 顶部 对齐了 文本框 的中心. 因为昨天正好简单学了下 Unity的 Custom Font,所以觉得可以

Unity 使用BMFont制作字体

参考链接:http://blog.csdn.net/huang9012/article/details/32333913,作者:CSDN huang9012 NGUI版本:3.6.5 要自己制作字体,需要下载软件BMFont,下载BMFont 要制作的字体,这里以GOUDX-EXTRABOLD为例,下载字体 下载后安装,界面是这样的: 接下来开始制作字体: 1.打开Options——Font settings设置字体: 2.在Font Settings界面中设置如下: Font:要制作的字体名称

unity3d中的ngui的一些笔记

一. NGUI的直接用法 1. Attach a Collider:表示为NGUI的某些物体添加碰撞器,如果界面是用NGUI做的,只能这样添加.(注:用Component添加无效). 2. Attach an Anchor:表示为该物体添加了UIAnchor脚本,作用是避免像素偏移的问题 3. Attach UIStretch:表示为该物体添加了UIStretch脚本,提供缩放功能 4. Make Pixel Perfect:表示自动为你调整Transform的尺寸 5. Create a Pa

unity3d学习笔记(十九)--ngui制作3d人物头顶的头像和血条

原地址:http://blog.csdn.net/lzhq1982/article/details/18793479 本系列文章由Aimar_Johnny编写,欢迎转载,转载请标明出处,谢谢. http://blog.csdn.net/lzhq1982/article/details/18793479 先上张图,自己做的一个demo. 这里的人物头像和血条是在3d世界生成的,所以有真正的纵深感和遮挡关系,废话不多说,看我是怎么实现的. 第一步,先在UI Root里制作头像和血条. 这个制作步骤基

NGUI 3.5教程(四)Atlas和Sprite(制作图片button)

Atlas是NGUI的图集.我的理解是:Atlas把你的一些零散的图片,合并成一张图.这样做的优点是,能够减少Draw Call.我不了解它的底层运作机制,我猜应该也是再行进DXT之类的纹理压缩,所以,最好把图集的尺寸,也做成128, 256,512,1024之类的大小,以方便其进行格式压缩. 概念: Atlas : 图集.把美术给你提供的素材,用 NGUI 的 Atlas Maker 工具,合成一张图片(准确的说,还同一时候生成了prefab.mat ). Sprite:精灵.因为Atlas已