2014年4月16日 星期三

NGUI - v3 教學 (十)(UIPlay Animation制作隐藏显示菜单)

UIPlay Animation可以制作用Unity3d内建的Animation管理器来制作一些隐藏或者可以
显示的菜单,用NGUI的Tween动画也可以实现


UIPlay Animation:NGUI播放动画组件
a.在Widget Tool里创建一个2d UI
b.在UI Root下创建一个Panel来装载需要使用动画播放子菜单
c.在Panel上添加一个Animation untiy3d组件
d.在动画视窗上创建一个Animation clip,调整好后加载到Panel上
e.创建一个UIButton,在UIButton上添加一个UIPlay Animation组件
Animator:动画控制器,复杂动画界面使用,类似人的骨骼动画
Animation:播放动画的对象(已经使用了Unity3d Animation组件的NGUI组件)
State Name:此动画状态的名字(代码可以获取控制)
Trigger condition:动画的触发条件
Play direction:动画的播放方向,Forward(向前,正常播放),Revert(反向),Toggle(紧凑)
Selected object:已经选择的对象
If disabled on start:如果刚开始时不可以播放
If already playing:如果已经在播放,Continue,继续执行代码,Start From Beginning,从头开始播放
When Finished:当动画播放完毕,是否设置取消激活状态
On Finished:当动画完成时,进行事件分发

这样,当我们点击UIButton时,即可以进行动画的播放

UITween,补间动画
NGUI,内置的补间动画内容挺多的
Alpha,透明度
Color,颜色渐变
Width,对象的宽度
Height,对象的高度
Position,对象的位置变化
Rotation,旋转对象属性
Scale,缩放对象属性
Transform,位置变换
Volume,是否播放声音
Field of View,视野范围
Orthographic Size,正交尺寸大小

Tween动画的使用
a.在需要添加的对象加上Tween组件,在需要播放动画的事件上添加UIPlay Tween组件
UIPlay Tween:
Tween Target:触发Tween动画的对象
Include Children:包括父组件下的所有组件
Tween Group:播放Tween动画的分组
Trigger condition:触发条件
Play direction:播放方向,Toggle,可来会播放
If target is disabled:如果目标是没激活状态
If already playing:如果正在播放
When finished:当动画完成时,是否设置为不可激活状态
On Finished:当动画完成时,进行事件分发

Tip:动画也可以加入灯光,产生不同颜色,配合UI

http://blog.csdn.net/unity3d_xyz/article/details/23035521

Related Posts:

  • NGUI - v3 教學 (三)(UIButton及Anchor实际使用) UIButton点击发出声音以及UIButton事件回调 Anchor锚点:为了适应不同的屏幕,保持当前的UI不会变形用户订的基准点 Atlas:图片集,NGUI支持TexturePacker直接解析 Font:按钮字体,如果没有自己制作静态中文字体就随便选择一个 Templat… Read More
  • NGUI - v3 教學 (二)(UILabel中文字体及可点击的字体) 用Unity3d NGUI可制作出字体可点击的效果,点击打开网站链接 还有中文字体的显示,可以直接调用系统内置字体,不需要第三方的字体支持 UILabel(Script 参数说明) 第一项字体选项,NGUI使用的是静态字体,当我们需要显示中文时,最好使用动态字体,或者自己也可以制作… Read More
  • NGUI - v3 教學 (五)(UISprite&UISlider制作彩色血条) 使用NGUI可以制做出彩色角色血条,加载进度条 制作血条时,可以根据血的多少显示不同的颜色,可以对UISider与UILabel进行简单的封装 UISprite:NGUI精灵图片组件 Atlas:图片集 Sprite:选择的图片集中的图片 Sprite Type:Simpl… Read More
  • NGUI - v3 教學 (四)(TexturePacker与UIAtlas生成prefabs) exturePacker可以将游戏素材零碎的图片打包在一块,这样更方便读取 而与Unity3d prefabs组合起来使用,使得读取图片达到一个速率更高的层次 TexturePacker: a.下载最新版的TexturePacker软件 b.打开软件后,点击Add Sprites,添… Read More
  • NGUI - v3 教學 (六)(UIInput&多个UICheckBox单选的使用) UIInput:用户输入框,可以输入格化的内容,如密码,用户名 UICheckBox:勾选框 UIInput:在Widget Tool里选择UIInput然后选择一个背景图片,添加到视窗面板里 加入后,有三个对象,分别是Input,Background,Label Input:用户点… Read More

0 意見:

張貼留言