本帖最后由 夜行的猫仔 于 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。
在动画中生成两个关键帧,分别设置动画的起始位置和停止位置,播放动画,流光效果就显示了~~~
先看效果....最近从手机里导出了游戏资源,就照着原来的游戏做了一个试试~~完整游戏资源下载地址:
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。
在动画中生成两个关键帧,分别设置动画的起始位置和停止位置,播放动画,流光效果就显示了~~~