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 ...

随机推荐

js创建，获取，检测cookie
关于当传过来的值转换成string类型报错的问题
有时候直接写 string str=request.param["str"].tostring;会报错,是因为接受到的值可能是空的这个时候就可以这样写 string _actio ...
【阿里李战】解剖JavaScript中的 null 和 undefined
在JavaScript开发中,被人问到:null与undefined到底有啥区别? 一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理.于是,细想之后,写下本文,请各位 ...
C和指针第七章可变参数
可变参数列表是通过stdarg.h内的宏来实现的: 类型 va_list 三个宏: va_start va_arg va_end 我们可以声明一个va_list变量,与这三个宏配合使用. 可变参数必须 ...
LwIP移植和使用
LwIP移植和使用本手册基于lwip-1.4.x编写,本人没有移植过1.4.0之前的版本,更早的版本或许有差别.如果看官发现问题欢迎联系<QQ: 937431539 email: 93743 ...
js简单弹出层、遮罩层
<html> <head> <title>js简单弹出层</title> <style> /*阴影边框效果*/ .box-shadow-1 ...
1.1ASP.NET Web API 2入门
HTTP 不只是为了生成 web 页面.它也是建立公开服务和数据的 Api 的强大平台.HTTP 是简单的. 灵活的和无处不在.你能想到的几乎任何平台有 HTTP 库,因此,HTTP 服务可以达到范围 ...
javascript数据结构-链表
gihtub博客地址链表是一种物理存储单元上非连续.非顺序的存储结构,它既可以表示线性结构,也可以用于表示非线性结构,数据元素的逻辑顺序是通过链表中的指针链接次序实现的.链表由一系列结点(链表中每 ...
[BZOJ3173][Tjoi2013]最长上升子序列
[BZOJ3173][Tjoi2013]最长上升子序列试题描述给定一个序列,初始为空.现在我们将1到N的数字插入到序列中,每次将一个数字插入到一个特定的位置.每插入一个数字,我们都想知道此时最长上 ...
python的一道面试题 __call__ 的使用.
class Person: def __init__(self): self.age = 1 def __call__(self, *args, **kwargs): print 'age', sel ...

NGUI实现技能CD效果

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

随机推荐

热门专题