NGUI Example5 演示示例评论– lights and Refraction



NGUI Example5 – lights and Refraction
       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 能够看到，它採用了法线贴图来实现效果，如图所看到的


这项。只是希望你能够想到的，基本可以实现。！

！