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

NGUI流光shader解决方案(一)(支持UITexture和使用图集的UISprite) 之前的Unity项目中,UI部分的流光要求比较多,在网上找了很多贴子,并没有发现特别好的基于NGUI和shader的实现,所以自己做了一套,这里正好整理总结一下。 本方案基于NGUI,最终实现的流光效果如下: 此流光效果,有以下优点: - 支持UITexture - 支持使用图集的UISprite,且每个UISprite可以独立效果 - 可以自定义流光的图、流光速度、流光时间间 阅读详情
本帖最后由 夜行的猫仔 于 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。


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

 
【 unity3d 】NGUI之Texture纹理 Texture一般作为游戏的背景 一:创建TextureUI   二:添加图片 三:设置为填充边框背景图(使背景图片自适应屏幕) 四:补充对Achors unified类的理解   Tareget是红色边框 Left Right Buttom Top 是当前物体的左右上下边框 Target's xx 对应红边框的方式(左右上下),一般上面两个设置为Right ,下面两... 阅读详情

相关推荐

unity3D游戏开发十八之NGUI动画

我们先来看下帧动画,顾名思义,就是一帧帧的图片组成的

wangdaren的专栏 2万+

NGUI相关----UITexture图片边缘流光效果

NGUI界面所使用的UITexture界面使用的边缘流光特效

blinkseed的专栏 8212

影刀RPA验证码识别避坑指南:官方指令、Python ddddocr与第三方图鉴怎么选?

本文深度对比了影刀RPA验证码识别的三种方案:官方AI指令、Python ddddocr开源库和第三方图鉴服务。从识别率、成本、维护性等维度分析各方案优劣,提供实战选型建议和优化技巧,帮助技术决策者在自动化流程中高效解决验证码识别难题。

weixin_30790841的博客 457

NGUI通用边框流光

UI层的矩形按钮、矩形头像,很多时候都需要有个高亮的边框来点缀。最近本人写了一个扩展版的UI边框,跟使用UITexture一样方便,得到了特效师的高度评价,便拿出来献丑分享。效果如下: 小新的头像是一个UITexture,外面的边框是一个叫做UIHollowedTexture的UI组件(拿UITexture魔改而来),可以设置边框贴图,可以UV滚动。本文接下来会介绍UIHollowedTex...

lzdidiv的专栏 1309

Centos Docker部署教程_docker部署centos

docker pull ubuntu:后面跟docker hub的版本参数。docker pull ubuntu #自动拉取最新版本ubuntu。大纲路线、讲解视频,并且后续会持续更新**

2401_84281655的博客 1406

NGUI丰富的文字特效拓展

原理就是监听UILabel.onPostFill事件,然后修改里面的verts等属性mLabel = GetComponent<UILabel>(); mLabel.onPostFill += OnPostFillHandle;void OnPostFillHandle(UIWidget widget, int bufferOffset, BetterList<Vector3&g...

鱼蛋的开发小站 891

NGUI层级中间的特效显示

NGUI层级中间的特效显示1.使用NGUI的过程中,有一个具有半透明效果的特效,想显示在Panel_A和Panel_B中间。

延澈左的专栏 1812

unity _NGUI项目小总结

1.NGUI可以放很多panel面板,然后可以分别控制显示或隐藏。里面的控件在同一层次panel就可以了。 2.有时候为了得到摄像机的具体位置,在场景中调节不如直接在运行的时候让摄像机走到该处,然后记下该位置,通过代码赋值给摄像机即可,maincamera.transform.position= vector3(x,y,z);按钮添加button message就可以添加响应事件。 3

lvmengmeng 1527

unity 休闲华容道 NGUI写法和纯算法写法

NGUI碰撞来做华容道 1、四周边框加碰撞体,内部滑条可以随意按格摆放位子,做成预设 2、点击到滑条可以拖拽滑条,超出半格的距离并在对应方向45°差值以内松开可以直接往对应的方向移动 3、当红色滑条横移出去时,检测到出口点位发生碰撞即获得胜利。 4、复原即恢复最初点位 5、回退即返回上次的移动位置(每移动一次,增加一次步数,记录对应位置,可以用数组存储,二维数组,每个元素存储着对应滑...

qq_40717065的博客 2715

unity技术之NGUI的功能实现(2)

欢迎来到unity学习、unity培训 这里有很多U3D资源、U3D培训视频、U3D教程、U3D常见问题、U3D项目源码,我们致力于打造业内unity3d培训、学习第一品牌 unity技术之NGUI的功能实现(2) 界面横向动画播放:     当点击登陆按钮时,界面会向左移动,同时设置成功的界面会向右运动,到达登陆按钮到的位置,就像是

qq_23348443的专栏 686

unity简易小地图的实现(NGUI

首先,我们在场景中添加一个摄像机叫做minimapCamera, 把上面的Audio Listener组件去掉,调整摄像机位置,将其置于角色正上方,如图 新建一个Texture我们叫做minimapTexture,作为minimapCamera的Target Texture 在UI Root下面新建一个Simple Texture叫做minimap,将刚才的minimapTe...

290

使用插件NGUI制作小地图

原本只是想用Unity自带的GUI功能实现魔兽世界的小地图效果,结果折腾了一个晚上。 原来的思路如下: 根据玩家坐标,计算出应显示的地图缩略图部分(128×128); 用GUI遮罩将非白色的部分剔除(这样可以实现任意形状的小地图); 将地图框叠加到第二步中的纹理上; 将玩家指示物放置在地图中心,并根据当前玩家的Transform.Rotation计算出指示物的旋转角度

豆沙包的专栏 1024

NGUI UITexture图片边缘会有一条线

今天发现游戏图片边缘一直有一条线,将png图片边缘擦了又擦也还是有,不过只有UITexture才有线,而Unity的Sprite却没有。显示效果如下:后来改了图片属性,将Wrap Mode改为Clamp搞定了!Texture.wrapMode 循环模式var wrapMode : TextureWrapModeWrap mode (Repeat or Clamp) of the texture.循...

鱼蛋的开发小站 2933

NGUI之学习制作简单例子(一)

开发工具:NGUI v.3.0.5.unitypackage、Unity3d4.02     NGUI是Unity的一个插件,使用它来制作你的游戏UI必定将事半功倍。为什么这么说呢?首先我们说说GUI与NGUI的区别,GUI是Unity自带的绘制界面工具,它的成像原理是基于表层的,所以执行效率非常的低,并且没有提供复杂的UI的接口,就算开发者硬着头皮写上去只能让UI的执行效率更低。然而NGUI

paopaohuiiz的专栏 1371

unity UGUI实现类似NGUI切换Sprite的方式

很多都是使用NGUI的习惯,因为在NGUI中所有图片都打包在一个图集中,通过更改SpriteName就可以更改图片,so为了方便调用UGUI的sprite,我们也同样需要为其创建一个asset文件。 其实这个功能相当软肋,既然想到写,还是写出来吧,偶尔用于切换图片或者动态加载之类的还是有点意思

神码编程 1万+

Unity 利用NGUI实现一个简单摇杆

unity NGUI摇杆实现 touch

SmillCool的博客 840

Unity3D使用NGUI实现简单背包功能

前话 在许多类型游戏中我们经常会使用到背包,利用背包来设置相应角色属性,多了背包也会让游戏增色拓展不少。 那在Unity3D游戏开发中该如何编写背包系统呢?因为有高人开发了NGUI插件,因此我们进行简单编写代码设置即可实现一个简单的背包功能了。 准备工作 新建一个工程PackageDemo 导入NGUI包(最新版3.9.8版的正版89刀) 准备好图片素材,使用NGUI将其...

weixin_34122604的博客 382

Unity导入NGUI,新建一个Unity项目

由于官方的UGUI是在Unity4.6才开放出来的,而且现在性能各方面还不太稳定,所以我们的项目还是采用了NGUI3.7.5,要导入NGUI,首先要先下载NGUI的资源包. NGUI各个版本的下载地址: http://pan.baidu.com/s/1sjNoFtN 下载完成后,将NGUI导入到Unity中,导入步骤为: Assets->Import package->Custom Pac

浮华的追求 1261

Unity3D NGUI蒙版效果实现方法

Unity3D NGUI蒙版效果实现方法之前在做项目过程中需要用到类似Flash中蒙板效果的功能,虽然是个很简单的功能点,但发现网上缺很难找到相关介绍,所以在这里为大家节省一些研究时间,讲一下如何使用NGUI实现蒙版效果。 第一步:创建一个UIPanel 第二步:在UIPanel下面创建一个UITexture 第三步:给UITexture附一个材质图片 第四步:选中UIPanel,如果只需要方形的遮

quintus0331的博客 1万+

【数据集】CMIP6气候模式数据下载

简介CMIP6及其气候模式数据下载

WW、forever的博客 9301

地级市-开放树林指数(2017-2024年).xlsx

详细介绍及样例数据:https://blog.csdn.net/m0_65541699/article/details/154066997

上一篇: Calling C# funcitons from Lua
下一篇: svn cleanup failed–previous operation has not finished; run cleanup if it was interrupted
爱卓也爱疯
博客等级 码龄15年 12粉丝 4原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值