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

随机推荐

css3多列样式
Linux mkdir 创建文件夹命令
介绍: 该命令创建指定的目录名,要求创建目录的用户在当前目录中具有写权限,并且指定的目录名不能是当前目录中已有的目录语法: mkdir [-m] [-p] 目录名选项介绍: -m: 对新建目录设置 ...
Spring中集合类型属性注入
我们都知道如何去注入普通属性的值,非常简单,那么我们如何去注入开发中常见的集合类型的属性了,别急,往下看. 这里将介绍如何给Map list set Array Properties 这些属性注入值. ...
T-SQL实用查询之常用SQL语句
删除数据库所有的表: declare @sql varchar() begin SELECT @sql='drop table ' + name FROM sysobjects WHERE (type ...
vue2.0学习（二）
1.关于模板渲染,当需要渲染多个元素时可以 <ul> <template v-for="item in items"> <li>{{ item. ...
MySQL 事物控制和锁定语句
一.MySQL支持对MyISAM和MEMORY存储引擎的表进行表级锁定,对InnoDB存储引擎的表进行行集锁定.默认情况下是自动获得. 二.LOCK TABLES 可以用于锁定当前线程获得的表,如果表 ...
jQuery UI 实现图片循环显示，常用于网站首页banner广告切换
http://www.runoob.com/try/try.php?filename=jqueryui-example-position-cycler <!doctype html>< ...
C++库（Google Breakpad）
Google Breakpad是什么? 一个开源的多平台崩溃报告系统. Google breakpad是一个非常实用的跨平台的崩溃转储和分析模块,它支持Windows,Linux和Mac和Solari ...
[mysql]知识补充
知识概况视图函数存储过程事务索引触发器 [视图] 视图是一个虚拟表,可以实现查询功能,不能进行增删改本质:根据sql语句获取动态的数据集,并为其命名 1.创建视图 --create vi ...
windows自带FTP开启后，浏览器打不开的问题
问题描述:最近需要安装一个FTP服务器,傻瓜式的下一步下一步之后,用IE登录却发现登录不上,总是显示连接中,查找了一下网上别人的回答,发现原来系统的FTP是由主动跟被动的区别的. 问题解决:在IE下, ...

NGUI实现技能CD效果

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

随机推荐

热门专题