NGUI Example5 示例讲解– lights and Refraction
来源:互联网 发布:知之真切笃实处即是行 编辑:程序博客网 时间:2024/06/05 16:15
NUI这个系统是在是牛,比unity3D里面自带的gui要好用得多,还可以为GUI添加法线贴图!哈哈。虽然在EZgui里面也可以。
接下来的例子,我不在使用它自己的例子了。因为重复性劳动太多,大家看了也烦。我就说说如何给它加入法线贴图,并实现动画的简单例子。
1. 创建一个Simple2D NGUI结构,如图所示:
1. 创建一个Sprite,其参数如图所示:
1. 接着,选择Panel,在里面把Normals打开(关键,不然法线效果不出来),再为场景打一盏平行光。这样法线贴图的效果就出来了,如
1. 现在来创建一个当鼠标放在图标上时,一个点光源从左向右移动的效果。为场景创建一个点光源,把它放在sprite的左边,如图所示:
1. 选择该点光源,打开动画窗口(window->Animation),如图所示:
1. 点击该窗口左上角的红色圆点图标,开始录制,此时会弹出保存动画文件的窗口,为它起名为LightMove,点击保存之后,大家会发现,点光源自动添加了一个Animation组件,如图所示:
1. 在第零帧添加一个X轴的关键帧,如图所示:
1. 把播放光标拖到1秒钟处,再添加一个关键帧,在场景编辑窗口中,把点光源移动到sprite的右边,此时,Animation窗口会把此变换记录在1秒钟的关键帧中。如图所示:
1. 关闭Animation窗口,这样,点光源就完成了移动动画的制作,当然,你也可以同时给它光照强度,颜色等的动画。最后,在点光源中把Animation组件关闭,我们用button play animation组件来触发给动画。
2. 选择Sprite,在Nui菜单中选择Attach a collider,如图所示:
1. 再给sprite添加一个Button Play Animation组件(Component->NGUI->Interaction->Button Play Animation),并设置其参数如下:
哈哈,点击播放,看看。大功告成!帅!在改例子中,关键是使用了refraction altas,打开这个altas可以看到,它采用了法线贴图来实现效果,如图所示
这样,只要你能想到的,基本能够实现!!!
接下来的例子,我不在使用它自己的例子了。因为重复性劳动太多,大家看了也烦。我就说说如何给它加入法线贴图,并实现动画的简单例子。
1. 创建一个Simple2D NGUI结构,如图所示:
1. 创建一个Sprite,其参数如图所示:
1. 接着,选择Panel,在里面把Normals打开(关键,不然法线效果不出来),再为场景打一盏平行光。这样法线贴图的效果就出来了,如
1. 现在来创建一个当鼠标放在图标上时,一个点光源从左向右移动的效果。为场景创建一个点光源,把它放在sprite的左边,如图所示:
1. 选择该点光源,打开动画窗口(window->Animation),如图所示:
1. 点击该窗口左上角的红色圆点图标,开始录制,此时会弹出保存动画文件的窗口,为它起名为LightMove,点击保存之后,大家会发现,点光源自动添加了一个Animation组件,如图所示:
1. 在第零帧添加一个X轴的关键帧,如图所示:
1. 把播放光标拖到1秒钟处,再添加一个关键帧,在场景编辑窗口中,把点光源移动到sprite的右边,此时,Animation窗口会把此变换记录在1秒钟的关键帧中。如图所示:
1. 关闭Animation窗口,这样,点光源就完成了移动动画的制作,当然,你也可以同时给它光照强度,颜色等的动画。最后,在点光源中把Animation组件关闭,我们用button play animation组件来触发给动画。
2. 选择Sprite,在Nui菜单中选择Attach a collider,如图所示:
1. 再给sprite添加一个Button Play Animation组件(Component->NGUI->Interaction->Button Play Animation),并设置其参数如下:
哈哈,点击播放,看看。大功告成!帅!在改例子中,关键是使用了refraction altas,打开这个altas可以看到,它采用了法线贴图来实现效果,如图所示
这样,只要你能想到的,基本能够实现!!!
0 0
- NGUI Example5 示例讲解– lights and Refraction
- NGUI Example5 示例讲解– lights and Refraction
- NGUI Example5 示例讲解– lights and Refraction
- NGUI示例-lights and Refraction讲解
- NGUI例子5 lights and Refraction
- NGUI示例-UIAnchor讲解
- NGUI示例-Interaction讲解
- NGUI示例-Menu讲解
- NGUI示例-ControlIerInput讲解
- NGUI官网示例--讲解
- NGUI官网示例--讲解
- NGUI官网示例6 – Draggable Window讲解(二)
- NGUI官网示例6 – Draggable Window讲解
- NGUI官网示例6 – Draggable Window讲解
- NGUI官网示例6 – Draggable Window讲解(二)
- NGUI官网示例3--Menu讲解
- NGUI官网示例2-interaction-讲解
- NGUI官网示例3--Menu讲解
- NGUI官方实例—ControlIerInput讲解(四)
- Sql Server中三种字符串合并方法的性能比较
- lightoj 1005 Rooks
- image moment图像矩应用:质心与朝向orientation
- 【算法与实现】线段树&树状数组(上)
- NGUI Example5 示例讲解– lights and Refraction
- NGUI官网示例6 – Draggable Window讲解(二)
- hdu 4409 Family Name List(LCA&有坑点)
- NGUI官网示例7-- ScrollView讲解(一)
- COSMIC编译器让代码在RAM中运行的方法
- NGUI官网示例7-- ScrollView讲解(二)
- hdu 5057 Argestes and Sequence(树状数组)
- NGUI官网示例7-- ScrollView讲解(三)
- Codeforces Round #270 D. Design Tutorial: Inverse the Problem