NGUI实现技能CD效果

rss"/>

在NGUI中使用Sprite的遮罩效果可以很轻松的实现技能CD效果。

具体实现步骤：

①新建一个技能图标的Sprite 如图中的Skill001,再在该技能Sprite上添加一个Sprite做遮罩， Atlas中选一张纯灰色背景的图片，如图中的Shade_Sprite。

②在该遮罩Sprite中有三个属性用来控制遮罩的效果。

Type:Filled

Fill Dir:Radial360

Fill Amount:0

滑动Fill Amount，就可以看到效果了

③给技能游戏对象绑定一个快捷键或按钮的脚本

在技能Sprite上添加一个Box Collider和一个NGUI按钮脚本UIButton，给按钮绑定onClick事件，参考NGUI事件监听之UIEventListener的使用

public class Skill : MonoBehaviour {

    //冷却时间

    public float coldTime = 1f;

    //是否正在冷却

    private bool isColding = false;

    private UISprite shade_Sprite;

    void Awake()

    {

        //var Skill001_Shade = GameObject.Find("UI Root/Skill_Window/Skill_Border/Skill001/Shade_Sprite");

        //shade_Sprite = Skill001_Shade.GetComponent<UISprite>();

        shade_Sprite = gameObject.transform.Find("Shade_Sprite").GetComponent<UISprite>();

        UIEventListener.Get(this.gameObject).onClick += StartSkill;

    }

    void Update()

    {

        if (Input.GetKey(KeyCode.N) && !isColding)

        {

            //TODO 触发技能，技能特效等

            shade_Sprite.fillAmount = ;

            isColding = true;

        }

        if (isColding)

        {

            shade_Sprite.fillAmount -= (1f/coldTime)*Time.deltaTime;

            if (shade_Sprite.fillAmount <= 0.001)

            {

                shade_Sprite.fillAmount = ;

                isColding = false;

            }

        }

    }

    void StartSkill(GameObject go)

    {

        if ( !isColding)

        {

            //TODO 触发技能，技能特效等

            shade_Sprite.fillAmount = ;

            isColding = true;

        }

    }   

}

NGUI实现技能CD效果的更多相关文章

Unity NGUI实现技能CD效果
unity版本:4.5.1 NGUI版本:3.6.5 脚本代码:C# 在游戏中经常要实现技能的CD效果,NGUI中已经实现了这个功能,即在button上创建一个半透明的Sprite实现这个功能. 首先 ...
技能CD 效果 shader
技能CD特效这个效果主要是利用反正切函数完成.atan2(x,y)的返回值是[-PI,PI],这个支持4个象限的反正切函数.关于圆角计算,在上篇文章中有介绍. 现在,我们来看看反正切函数的效果: 在 ...
NGUI技能CD效果制作(sprite的type:filled)
一,我们先添加一个sprite,改名为skill.给当前skill添加图片,然后再sprite下添加一个sprite和一个label,结果如下二现在我们来设置skill下的sprite,给他设置一个 ...
NGUI系列教程六（技能冷却的CD效果）
今天来学习一下,如何利用NGUI做技能冷却的CD效果. 1,首先按之前的教程Create Your UI,Camera为Simple 2D 最终如下图: 2,添加一个按钮,Background 为一张 ...
Unity3D 利用NGUI2.6.3做技能冷却的CD效果
转自http://blog.csdn.net/qqmcy/article/details/9469021 NGUI非常强大我们今天来学习一下,如何利用NGUI做技能冷却的CD效果.先导入NGUI的插件 ...
Unity 利用NGUI2.6.3做技能冷却的CD效果
NGUI非常强大我们今天来学习一下,如何利用NGUI做技能冷却的CD效果.先导入NGUI的插件.没有的话这里有啊NGUI2.6.3下载地址: http://vdisk.weibo.com/s/KLqn ...
NGUI研究之制作转圈的技能CD特效
昨天想做一个技能CD转圈的特效,花了大把的时间去用meshRender组件想通过三角形依据数学算法来绘制一个圆形的网格.通过动态绘制圆形网格的方法来实现技能CD特效.奶奶的昨天我研究了一晚上,最 ...
（转）NGUI制作转圈的技能CD特效
在技能图标上面放个半透明的精灵,用来做技能冷却的特效,如下图所示,我就用NGUI中的图标来带代替. NGUI制作转圈的技能CD特效然后修改一下特效的精灵类型,它是在技能图标上面悬浮半透明可旋转的精灵 ...
Unity的NGUI插件篇——入场效果
Unity的NGUI插件篇--入场效果入场效果入场效果须要借助于NGUI提供的TweenPosition类来完毕.为了说明此类的用法.本节将使会解说两个演示样例.本文选自大学霸 <NGU ...

随机推荐

PYTHON 全局变量和局部变量
#局部变量,只能调用函数体内的变量 def fun(): a = 234 print(a) #全局变量,在函数体外声明,在函数体内都可调用 b = 'gyc' def fun(): a = 234 p ...
Spring基础知识
Spring基础知识利用spring完成松耦合接口 public interface IOutputGenerator { public void generateOutput(); } 实现类 ...
cf596d
题意:有一排等高的树木,高度都为h.给出每棵树在数轴上的坐标,每次有可能是最左边或者最右边的立着的树倒下,概率都是0.5.最终所有树都倒下.每棵树在倒下的时候有p的概率向左倒,1-p的概率向右倒.如果 ...
ACM/ICPC 之混合图的欧拉回路判定-网络流(POJ1637)
//网络流判定混合图欧拉回路 //通过网络流使得各点的出入度相同则possible,否则impossible //残留网络的权值为可改变方向的次数,即n个双向边则有n次 //Time:157Ms Me ...
Android编程容易犯的错误之一
1.设置TextView的文本颜色 TextView tv; ... tv.setTextColor(R.color.white); 其实这样设置的颜色是 R.color.white的资源ID值所代表 ...
Python演讲笔记1
参考: 1. The Clean Architecture in Python (Brandon Rhodes) 2. Python Best Practice Patterns (Vladimir ...
曲线救国：IIS7集成模式下如何获取网站的URL
如果我们在Global中的Application_Start事件中访问HttpContext.Current.Request对象,如: protected void Application_Start ...
不会JavaScript能混前端么？能拿到高薪么？
不会JavaScript能混前端么?能拿到高薪么? 答案是:很难! 为什么这么说呢,理由很简单 1)有很多企业不注重前端开发,当然也就不会给你高薪了,这样的企业以小企业居多. 他们一般对前端开发的认识 ...
AutoMapper搬运工之初探AutoMapper
写在前面知道AutoMapper很久了,但是一直没有用,最近刚好有个场景需要就用了,果然是利器.看了git上的wiki,发现内容其实wiki上写的很全面了,深入的暂时还没挖掘到.不过和群里的朋友交流 ...
前端设计中关于外部js文件加载的速度优化
在一般情况下,许多人都是将<script>写在了<head>标签中,而许多浏览器都是使用单一的线程来加载js文件的,从上往下,从左往右. 若是加载过程出错,那么网页就会阻塞,就 ...

NGUI实现技能CD效果

NGUI实现技能CD效果的更多相关文章

随机推荐

热门专题