（转）在NGUI使用图片文字（数字、美术字）（直接可用于UILable）

本文永久地址：http://www.omuying.com/article/24.aspx，【文章转载请注明出处！】

在 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、最终结果如图：

转载于:https://www.cnblogs.com/wonderKK/p/4306054.html

（转）在NGUI使用图片文字（数字、美术字）（直接可用于UILable）相关推荐

在NGUI使用图片文字（数字、美术字）(BMFont)
在游戏开发过程中,我们大多数时候都需要显示游戏计时和分数等,而这些数字如果用普通的字体来显示又会显得不太好看,于是我们产生了用图片来制作自定义数字的需求于是,在Unity中,一般会使用BMFont ...
NGUI使用图片制作文字
转载自:http://www.omuying.com/article/24.aspx 在 Unity 开发过程中,我们经常会使用到美术提供的图片文字(数字)来美化我们的游戏界面,借助强大的 NGUI ...
图片文字识别（一）：tesseract-ocr-4.00的安装与初步进行图片文字识别
简介: tesseract-ocr可以对图像文字进行识别,为图文转换的工作时省去了大量时间.我们还可以通过不断的训练字库,使图像转换文本的能力不断增强,也可以调试模型使图像文字进行程序的识别率更高, ...
【图片识别】java 图片文字识别 ocr （转）
http://www.cnblogs.com/inkflower/p/6642264.html 最近在开发的时候需要识别图片中的一些文字,网上找了相关资料之后,发现google有一个离线的工具,以下为 ...
python 图片识别_python识别图片文字
滑稽研究所 python识别图片文字哈喽,大家好呀,我是滑稽君.大家在写论文时可能经常碰到无法复制文字的文章.明明找到了需要的内容却无法直接复制使用,这让我们十分苦恼.那么本期滑稽君就告诉大家如何使 ...
python存数据库c读数据库喷码加工_python图片文字识别
Python语言读取Marc后处理文件基础知识_材料科学_工程科技_专业资料.Python语言简介,Marc计算结果文件读取,焊接模拟后处理实例基于python 的焊接后处理知识要点: ? ?... ...
JavaScript实现图片文字识别与读取
JavaScript实现图片文字识别与读取(实现ORC) Tesseract.js和ocrad.js两个js库 Tesseract.js 引入Tesseract.js Tesseract.recogn ...
反反爬虫大众点评-图片文字破解 2020年6月6日更新
非常关键的一步(没这步就会显示乱码) 直接爬取(错误爬取页面) 当你直接在店铺页面爬取时在F12选取元素后会发现html文件里面的字是乱码字正确的爬取页面进入商家页面的review_all页面, ...
如何识别图片文字？这几个方法助你轻松搞定
你是否有遇到过这样的经历?收到了领导发来的一份资料,但是很多是图片格式,而我们需要用到图片中的文字内容,这时你会怎么解决呢?如果使用传统的方法,一字一句打出来的话,无疑会增加我们的工作.其实我们可 ...
Python3一行代码实现图片文字识别
今天突发奇想,想用Python识别图片里的文字.没想到Python实现图片文字识别这么简单,只需要一行代码就能搞定 from PIL import Image import pytesseract # ...

（转）在NGUI使用图片文字（数字、美术字）（直接可用于UILable）

（转）在NGUI使用图片文字（数字、美术字）（直接可用于UILable）相关推荐

最新文章

热门文章