NGUI 插件实现显示美术字

在 Unity 开发过程中，我们经常会使用到美术提供的图片文字（数字）来美化我们的游戏界面，借助强大的 NGUI 插件支持，我们很容易就可以在界面上显示美术字！具体步骤可以参与如下操作：

说明：使用的 NGUI 插件版本为 NGUI Next-Gen UI v3.5.8，因版本不同，步骤可能会有所不同，请根据插件版本选择合适的步骤。

1、NGUI 支持图片字体（美术字），我们可以通过 NGUI->Open->Font Maker，查看字体图集的生成方式，在 Input 选项中，选择 Type 为 Imported Bitmap 选项时，我们可以看到出现了 Font Data，以及一个 Texture 选项，根据下面的说明，我们可以看到 FontData 需要使用 fnt 文件，并且 fnt 的制作需要借助 BMFont 这个软件来创建。如图所示：

2、首先先下载 BMFont 软件，官方下载地址：http://www.angelcode.com/products/bmfont/

3、安装完成之后界面如下：

4、我们先取消默认选择的字体库，可以在箭头位置点击取消选择/选择，设置之后的界面如下：

5、接着我们选择 Options->Export options，打开导出设置，在 Bit depth 选项，我们选择32位，上面的 Width 与 Height 可以根据文字多少进行调整，设置好之后点击 OK 按钮保存，界面如下：

6、然后我们选择 Edit->Open Image Manager，打开图片管理界面，继续选择 Image->Import Image，选择要导入的文字图片路径，双击选中文字图片，界面如下：

7、这时候出现 Icon Image 界面，这个界面我们需要设置的地方主要就是 ID，如图所示：

8、ID 编号可以通过选择（悬浮鼠标）左侧的文字来查看，如图所示：

9、查找到编号之后，填写到 ID 位置点击 OK 按钮，我们可以看到左侧的相应文字右下角出现变化，操作之后界面如图所示：

10、重复添加图片文字，直到所有图片文字全部添加完，最后结果如图所示：

11、我们可以通过 Options->Visualize 来预览结果，如图所示：

12、之后选择 Options->Save Bitmap font as，保存字体，选择好位置之后保存，如图所示：

13、复制生成好的文件到 Unity 中，如图所示：

14、打开 NGUI->Open->Font Maker，然后 Type 选择 Imported Bitmap，选择我们的刚才复制过来的文件，点击Create the Font 按钮创建字体，字体创建完成之后就可以在 NGUI 中使用了，如图所示：

15、我们创建一个 Label 来显示图片文字，设置如图所示：

16、最终结果如图：

http://www.omuying.com/article/24.aspx

NGUI 插件实现显示美术字相关推荐

Unity NGUI 插件简介
文章目录 Unity NGUI 一. NGUI基础 1.1 导入NGUI插件 1.2 基本UI资源 1.3 制作UI图集 1.4 制作UI字体 1.5 UIRoot.UIPanel 和 UICamer ...
Unity的NGUI插件篇——入场效果
Unity的NGUI插件篇--入场效果入场效果入场效果需要借助于NGUI提供的TweenPosition类来完成,为了说明此类的使用方法,本节将使会讲解两个示例.本文选自大学霸 <NGU ...
关于Eclipse安装Scala插件不显示
关于Eclipse安装Scala插件不显示, 改变java版本仍然不能使用, 办法还是有的:下载Eclipse Scala版本解压使用下载在这里:http://scala-ide.org/down ...
php控件不显示,响应式织梦后台模板辅助插件不显示插件模块不显示解决办法
这篇文章主要为大家详细介绍了响应式织梦后台模板辅助插件不显示插件模块不显示解决办法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴. 最近有用户反映在网站购买了一个 ...
nett服务器接收消息的方法,C#（一沙框架） .net core3.1 SignalR 服务端推送消息至客户端的实现方法，用弹窗插件进行显示，非常美观实用...
C#(一沙框架) .net core3.1 SignalR 服务端推送消息至客户端的实现方法,用弹窗插件进行显示,非常美观实用运行效果: 1.安装Microsoft.AspNetCore.Signa ...
Element-UI 插件 Pagination 显示为英文
Element-UI 插件 Pagination 显示为英文这个坑我踩了好久,试过很多方法,按照官网,按照别人网页写法来,一直不一致后来才发现,原来是语言设置的问题国际化 import Vue ...
[JQuery]pagination分页插件不显示
由于不熟悉项目中使用到的pagination分页插件,在调试时发现分页插件不显示.开始以为是js.css文件有问题,排除后又检查使用方法.在其他方法尝试无果,准备更换插件时发现问题所在. 一.常见情况 ...
插件进入显示：{“errcode“:40029,“errmsg“:“invalid code,hints:[req_id:rljdFLyWf-jkkUpa]“}，无法体验，请修改后再提交审核（测试环境
小程序插件发布审核不通过,报 "errcode": 40092 1.问题如下: 插件进入显示:{"errcode":40029,"errmsg&quo ...
wpsjs 预加载项打包部署，安装成功后插件未能显示
wpsjs 预加载项打包部署 ,安装成功后插件未能显示. 检查方法请检查kingsoft\wps\jsaddons该目录下的 "jsplugins.xml" 列如: C:\Use ...

NGUI 插件实现显示美术字

NGUI 插件实现显示美术字相关推荐

最新文章

热门文章