NGUI从入门到实战(内部资料)大学霸
NGUI从入门到实战(内部资料)大学霸
前 言NGUI从入门到实战(内部资料)大学霸
NGUI是一款Unity的插件,专门用于游戏UI设计。该插件代码简洁,大部分类代码少于200行,而其功能远胜于Unity自带的UI系统。由于其使用C#语言编写,开发者可以轻松调整现有功能,并进行功能扩展。所以,该插件被广泛应用于各种游戏中,也是Unity应用商店的经典插件。
虽然NGUI官方提供了一些文档和视频,但语言差异问题给国内开发者造成很大学习障碍。同时为了满足开发者的需求,NGUI更新频繁,基本每个月都会有两次更新。但这也给初学者造成很大困扰。
本书以较为经典的版本3.0.2为基础详细讲解NGUI的使用。本书首先从使用NGUI时的插件导入讲起,然后细致的说明每个UI控件的创建,及其各属性参数的作用;然后讲解其与C#脚本中的代码相互配合而创造出的特效示例;最后以一个完整的游戏实例结尾。相信读者在阅读此书的过程中,会一气呵成,并兴奋的感慨到:“原来NGUI是这么的简单有趣!”。同时基于该版本,读者也可以轻松掌握更新的版本。
1.学习所需的系统和软件
q 安装Windows 7操作系统
q 安装Unity 4.5.1
q NGUI插件版本3.0.2
2.学习建议
大家学习之前,可以致信到xxxxxxxxxxxxxxx,获取相关的资料和软件。如果大家在学习过程遇到问题,也可以将问题发送到该邮箱。我们尽可能给大家解决。
3.特别声明
因为篇幅有限,书中对部分操作进行省略,可能对读者学习造成少许的影响。所以,建议读者学习时,将教程内容和代码相结合,这样可以更为快速的掌握NGUINGUI从入门到实战(内部资料)大学霸。
目 录NGUI从入门到实战(内部资料)大学霸
第1章 开启NGUI学习之旅… 1
1.1 理解NGUI 1
1.2 NGUI的主要特性… 1
1.2.1 对比于Unity内置的UI系统… 2
1.2.2 图片集Atlas 2
1.2.3 事件框架… 2
1.2.4 本地化… 2
1.2.5 着色器… 3
1.3 使用NGUI 3
1.3.1 导入NGUI插件… 3
1.3.2 创建UI 4
1.4 UI对象的结构… 5
1.4.1 UI Root(2D) 5
1.4.2 Camera. 8
1.4.3 Anchor 10
1.4.4 Panel 11
第2章 创建UI控件… 13
2.1 创建UI控件… 13
2.1.1 使用向导创建UI控件… 13
2.1.2 UI控件的Transform组件… 16
2.1.2 UI控件的UISprite(Script)组件… 18
2.2 精灵图片… 20
2.2.1 简单类型… 20
2.2.2 切片类型——制作游戏背景… 21
2.2.3 平铺类型——制作背景花纹… 23
2.2.4 填充类型——制作血条… 25
2.3 标签… 26
2.3.1 使用向导创建标签… 26
2.3.2 示例:为游戏界面添加标题… 27
2.4 按钮… 31
2.4.1 使用向导创建按钮… 31
2.4.2 示例:为游戏界面添加按钮… 33
2.5 文本输入框… 36
2.5.1 使用向导创建文本输入框… 37
2.5.2 示例:为游戏界面添加昵称输入框… 39
2.6 滑块… 42
2.6.1 使用向导创建滑块… 42
2.6.2 示例:为游戏界面添加音量调节滑块… 43
2.7 开关控件… 47
2.7.1 使用向导创建开关控件… 47
2.7.2 示例:为游戏界面添加静音开关控件… 49
2.8 弹出列表… 52
2.8.1 使用向导创建弹出列表… 52
2.8.2 示例:为游戏界面添加难度选择弹出列表… 54
第3章 提升UI体验… 57
3.1 可拖动的面板… 57
3.1.1 添加特定功能的组件… 57
3.1.2 面板拖动效果的实现… 60
3.2 为游戏主菜单添加“拖放系统”… 61
3.2.1 制作可拖动控件的容器… 62
3.2.2 添加可拖动控件… 64
3.2.3 添加空投区域… 67
3.2.4 实现控件空投效果… 68
3.2.5 处理无效的投掷操作… 71
3.2.6 替换空投区域的对象… 72
3.2.7 移除当前空投区域里的对象… 76
3.2.8 添加渐显效果… 77
3.3 隐藏部分游戏主菜单设置项… 78
3.4 添加可滚动显示的文本信息… 85
3.5 为游戏菜单添加本地化系统——语言选择… 88
3.5.1 添加本地化文件… 88
3.5.2 添加本地化组件… 89
3.5.3 添加语言选择功能… 89
3.5.4 本地化的实现——修改Label的文本内容… 90
第4章 使用C#与NGUI构建UI 96
4.1 添加工具使用提示… 96
4.1.1 制作工具使用提示对象… 96
4.1.2 选择恰当时机显示工具使用提示… 98
4.2 添加游戏主菜单入场效果… 100
4.2.1 匀速入场… 100
4.2.2 平滑入场… 102
4.3 使用键盘上的方向键导向… 103
4.4 添加错误通知… 104
4.3.1 制作错误通知框… 104
4.3.2 添加出场效果… 106
4.3.3 设置文本内容… 107
4.3.4 设置触发事件… 108
4.5 玩家昵称的存储… 110
4.6 发送消息的应用——关闭游戏主菜单… 111
4.6.1 使用UIButton Message组件… 111
4.6.2 使用SendMessage()方法… 112
第5章 创建大型游戏场景… 114
5.1 制作新的游戏场景… 114
5.2 制作滚动视图… 116
5.2.1 添加可拖动的游戏背景… 116
5.2.2 添加滚动条… 119
5.2.3 使用键盘方向键滚动视图… 122
5.3 制作可拖动的障碍物… 123
5.3.1 容器制作… 123
5.3.2 障碍物对象制作… 125
5.4 实现投掷操作… 127
5.5 添加“建造障碍物”效果… 128
5.5.1 添加进度条… 128
5.5.2 添加标签… 131
5.5.3 完成障碍物到进度条的过渡… 131
5.5.4 障碍物建造过程… 133
5.5.5 事件转发——拖动游戏背景上的障碍物… 135
5.6 添加“冷却”效果… 136
5.7 添加信息通知框… 137
第6章 自定义图片和字体… 140
6.1 图片集… 140
6.2 添加精灵图片到图片集… 140
6.2.1 简单类型… 141
6.2.2 切片类型… 147
6.2.3 平铺类型… 151
6.3 添加字体到图片集… 153
6.3.1 借用第三方工具——BMFont 153
6.3.2 图片集字体添加过程… 157
6.3.3 新字体应用… 157
6.4 自定义游戏主菜单的背景… 158
第7章 使用NGUI创建一个游戏——星际塔防… 160
7.1 游戏中的敌人… 160
7.1.1 创建敌人对象的父对象… 160
7.1.2 创建敌人对象… 160
7.1.3 控制敌人对象的生成… 162
7.1.4 转发鼠标点击和拖动事件… 164
7.2 处理敌人的碰撞事件… 165
7.2.1 与障碍物碰撞… 165
7.2.2 到达游戏背景底部碰撞… 167
7.3 添加自我毁灭功能… 173
7.3.1 添加进度条——表示入侵过程… 174
7.3.2 实现自我毁灭的逻辑… 177
7.3.3 实现自我毁灭效果… 181
7.4 关联游戏主菜单与游戏时场景… 183
NGUI从入门到实战(内部资料)大学霸
Comments are closed.