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 结构,如图所示:
![点击查看原图](http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f7fe46be20aa248.png)
1. 创建一个 Sprite ,其参数如图所示:
![点击查看原图](http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_8777fc1f20a1651.png)
1. 接着,选择 Panel ,在里面把 Normals 打开(关键,不然法线效果不出来),再为场景打一盏平行光。这样法线贴图的效果就出来了,如
![点击查看原图](http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_0df703f255488a4.png)
1. 现在来创建一个当鼠标放在图标上时,一个点光源从左向右移动的效果。为场景创建一个点光源,把它放在 sprite 的左边,如图所示:
![点击查看原图](http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_1c3aae4bcb0d06c.png)
1. 选择该点光源,打开动画窗口( window->Animation ) , 如图所示:
![点击查看原图](http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_639aa12e5e537a0.png)
1. 点击该窗口左上角的红色圆点图标,开始录制,此时会弹出保存动画文件的窗口,为它起名为 LightMove ,点击保存之后,大家会发现,点光源自动添加了一个 Animation 组件,如图所示:
![点击查看原图](http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_e42de47182ccb71.png)
1. 在第零帧添加一个 X 轴的关键帧,如图所示:
![点击查看原图](http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_a1981944136ea2f.png)
1. 把播放光标拖到 1 秒钟处,再添加一个关键帧,在场景编辑窗口中,把点光源移动到 sprite 的右边,此时, Animation 窗口会把此变换记录在 1 秒钟的关键帧中。如图所示:
![点击查看原图](http://game.ceeger.com/forum/attachment/thumb/Mon_1210/16_7487_3e486e48e53860c.png)
1. 关闭 Animation 窗口,这样,点光源就完成了移动动画的制作,当然,你也可以同时给它光照强度,颜色等的动画。最后,在点光源中把 Animation 组件关闭,我们用 button play animation 组件来触发给动画。
2. 选择 Sprite ,在 Nui 菜单中选择 Attach a collider ,如图所示:
![点击查看原图](http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_dff0f66bf5ee5ef.png)
1. 再给 sprite 添加一个 Button Play Animation 组件( Component->NGUI->Interaction->Button Play Animation ) , 并设置其参数如下:
![点击查看原图](http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_42a54f219c19fc8.png)
哈哈,点击播放,看看。大功告成!帅!在改例子中,关键是使用了 refraction altas, 打开这个 altas 可以看到,它采用了法线贴图来实现效果,如图所示
![点击查看原图](http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_ba7fe6d766d56ec.png)
![点击查看原图](http://game.ceeger.com/forum/attachment/Mon_1210/16_7487_f06942570614f2b.png)
这样,只要你能想到的,基本能够实现!!!