Unity3D插件NGUI:如何制作Atlas与Font

本文介绍如何使用TexturePacker和BitmapFontGenerator为NGUI制作Atlas贴图集和BitmapFont字体。详细步骤包括配置TexturePacker生成大图及TXT文件、在Unity3D中创建Atlas Prefab、设置所需材质及Sprite信息等。
摘要由CSDN通过智能技术生成

在使用NGUI时,需要制作自己的Atlas贴图集和Bitmap Font字体。这篇日志简单介绍制作方法。

1,相关软件:

  • TexturePacker:合图的工具。下载地址
  • Bitmap Font Generator:bitmap font制作工具 下载地址
  • Unity3D : 3.5.2
  • NGUI : 1.45c

2,制作Bitmap Font

使用Bitmap Font Generator制作bitmap字体。打开Bitmap Font Generator,这个软件是运行在windows上的。mac上应该也有类似的软件,这里就不介绍了。Bitmap Font Generator具体做法


3,Atlas的制作

关于Atlas:游戏中会使用很多图片,为了节省内存提高渲染效率,一般得把很多图片和成一张图片。就像下面这个:

如何制作这样的Atlas,在NGUI中使用?需要使用TexturePacker这个合图的软件。首先将游戏精灵的图片和Bitmap的图片全都拖进TexturePacker。

然后需要对TexturePacker进行配置:

  • Data Format : Unity3D
  • Allow Rotation : Uncheck(不打勾)
  • Trim : Uncheck
  • Algorithm : Basic

设置完后,点Publish按钮。设置输出路径。输出即可。

4,NGUI Atlas Prefab的制作

将TexturePacker生成的大图片、txt文件,还有字体txt文件导入Unity3D。下面开始制作Atlas的Prefab。

a. 在场景中加入一个空的GameObject,改名为:Atlas。给这个GameObject加入UIAtlas组件。发现需要设定一个材质。

b. 制作所需的材质。新建材质,使用Shader:Unlit/Transparent Colored。将TexturePacker生成的Atlas设置给材质。

c. 然后把新建的材质,设给Atlas的GameObject。之后,属性面板变成下面这样子。

d. 将TexturePacker生成的txt文件设给TP Import。这样,各Sprite的信息就设置好了。如下图。

e. 最后一步创建Atlas的Prefab。这样,这个prefab就可以用在 [Create a Widget]面板上了。

5,NGUI Font Prefab的制作

a. 在场景中加入一个空的GameObject,改名为:Font。给这个GameObject加入UIFont组件。

b. 首先设置Atlas。点击Atlas按钮可以选择。选择之后,属性面板变成下图这样。

c. 设置Import Font。将Bitmap Font Generator生成的那个txt设置上去。如下图,选择正确的Sprite就可以了。

d. 最后一步创建Prefab。这样,这个prefab就可以用在 [Create a Widget]面板上了。

此条目发表在  Unity3D 分类目录。将 固定链接加入收藏夹。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值