【3D技术宅公社】XR数字艺术论坛  XR技术讨论 XR互动电影 定格动画

 找回密码
 立即注册

QQ登录

只需一步,快速开始

调查问卷
论坛即将给大家带来全新的技术服务,面向三围图形学、游戏、动画的全新服务论坛升级为UTF8版本后,中文用户名和用户密码中有中文的都无法登陆,请发邮件到324007255(at)QQ.com联系手动修改密码

3D技术论坛将以计算机图形学为核心,面向教育 推出国内的三维教育引擎该项目在持续研发当中,感谢大家的关注。

查看: 19242|回复: 8

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

[复制链接]
发表于 2013-11-23 11:27:32 | 显示全部楼层 |阅读模式
本帖最后由 夜行的猫仔 于 2013-11-24 17:37 编辑

QQ图片20131124163403.jpg
先看效果....最近从手机里导出了游戏资源,就照着原来的游戏做了一个试试~~完整游戏资源下载地址:
http://yunpan.cn/QUFCE8QGDIKnj

首先,将资源导入unity3D利用NGUI做了Atlas,分别是两张图片,一张英文字图sgm_logobottom.png,一张是遮罩图sgm_logotop.png。
QQ图片20131124163403.jpg
这两张图分别生产两个Sprite,设置sgm_logobottom的Depth为-1,sgm_logotop的Depth为1,sgm_logobottom 就会从遮挡sgm_logotop的空隙间显示文字。这时再从资源中寻找到sgm_logoglint.png这个资源,sgm_logoglint.png这个资源是一个发光的银白色条,也就是这个片头流光的最关键的部分。
QQ图片20131124163403.jpg
将sgm_logoglint.png加入到Atlas中生成1个Sprit,设置设置sgm_logoglint 的Depth为0,则这个光柱就显示在两个文本的中间,拖动光柱就可以预览到流光效果。流光是倾斜的,那么接下来的工作就是增加一个Animation组件控制动画条。
在Project窗体中创建一个Animation ,将其拖动到sgm_logoglint上。打开窗口Window-->Animation打开Animation编辑面板,点Add Curve增加一个动画编辑曲线:
视觉效果上光柱是倾斜的,在制作动画之前,现将光柱旋转一定角度,这个光柱的流动只需要在x方向左平移即可,因此选择Transform的Position。

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





发表于 2013-11-25 10:33:56 | 显示全部楼层
的确是个好的方法。省内存,省计算。果然大仙级别的人物啊~!
我的办法有三种,都没你的好,下面列出来,请大家指点:
1、利用NGUI本身自带的SpriteAnimation功能,制作序列帧动画。利用切换sprite的方法,来实现这种效果。
优势:程序员操作简单,直接使用SpriteAnimation Component,无需写任何代码,也不需要复杂的编辑。直接把要的效果的图片做在Atlas里面,然后在SpriteAnimation Component 上设置 关键字。让NGUI来处理。
劣势:内存开销大,由于sprite 都是一张张不同的贴图,通过贴图之间的切换来实现这个功能。所以在资源内存开销方面会比较大。

2、利用受光贴图的办法配合灯光效果来实现这种效果。
优势:真实感比较强(个人感觉,换句话说,效果看起来比较真实),同时需要的资源也就是一张贴图。
劣势:计算开销很大。由于是实时灯光效果。并且程序员需要对工程进行代码编辑。用逻辑代码来实现效果。
逻辑代码的想法:首先把受光贴图的材质贴图放在在屏幕上,设置好相对的位置。然后利用锥形灯光,从贴图的正前放偏下的位置成角度照射贴图,光照的力量可以提高,然后利用代码每一帧去旋转锥形灯的旋转角度。

3、利用修改顶点色的办法,类似于第二种,只是省略了灯光。
优势:同第二种
劣势:同第二种
 楼主| 发表于 2013-11-25 11:24:43 | 显示全部楼层
{:soso__14772404135873873695_3:} 自己提出的方案连优势劣势都分析啦~~
关于实时光照的那个方案,是一般而言首先会想到的方法,毕竟跟我们生活比较接近。不过在游戏里的灯光不是想照亮就能照亮的,也不是想照成一道光就会是一道光的,资源消耗又那么大,不是好的选择。

我做的也不一定就是最佳方案,坐等更好地解决办法出现~{:soso__7284772066529622337_7:}
发表于 2014-5-7 14:17:12 | 显示全部楼层
请问提取码是多少?
发表于 2014-5-9 11:47:49 | 显示全部楼层
大米的帖子,得顶,阿弥陀佛。哈哈哈。
发表于 2014-5-11 12:05:38 | 显示全部楼层
感谢分享,新手上路多这个还有很多不理解的,正在认真学习中。
发表于 2014-5-11 12:19:18 | 显示全部楼层
非常不错。给力非常不错。给力
发表于 2014-8-8 18:11:12 | 显示全部楼层
你好 你的资源下载连接已经过期了,能发我一份吗?邮箱:1569423066@qq.com
 楼主| 发表于 2014-8-25 23:06:18 | 显示全部楼层
网盘失效了,我也没有了........
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|3D数字艺术论坛 ( 沪ICP备14023054号 )

GMT+8, 2024-5-13 20:10

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表