[NGUI插件] 利用NGUI制作游戏片头的流光效果

本帖最后由 夜行的猫仔 于 2013-11-24 17:37 编辑



先看效果....最近从手机里导出了游戏资源，就照着原来的游戏做了一个试试~~完整游戏资源下载地址：

http://yunpan.cn/QUFCE8QGDIKnj

首先，将资源导入unity3D利用NGUI做了Atlas，分别是两张图片，一张英文字图sgm_logobottom.png，一张是遮罩图sgm_logotop.png。



这两张图分别生产两个Sprite，设置sgm_logobottom的Depth为-1，sgm_logotop的Depth为1，sgm_logobottom 就会从遮挡sgm_logotop的空隙间显示文字。这时再从资源中寻找到sgm_logoglint.png这个资源，sgm_logoglint.png这个资源是一个发光的银白色条，也就是这个片头流光的最关键的部分。



将sgm_logoglint.png加入到Atlas中生成1个Sprit，设置设置sgm_logoglint 的Depth为0，则这个光柱就显示在两个文本的中间，拖动光柱就可以预览到流光效果。流光是倾斜的，那么接下来的工作就是增加一个Animation组件控制动画条。

在Project窗体中创建一个Animation ,将其拖动到sgm_logoglint上。打开窗口Window-->Animation打开Animation编辑面板，点Add Curve增加一个动画编辑曲线：

视觉效果上光柱是倾斜的，在制作动画之前，现将光柱旋转一定角度，这个光柱的流动只需要在x方向左平移即可，因此选择Transform的Position。



在动画中生成两个关键帧，分别设置动画的起始位置和停止位置，播放动画，流光效果就显示了~~~