NGUI技能CD效果制作(sprite的type:filled)

一,我们先添加一个sprite,改名为skill。给当前skill添加图片,然后再sprite下添加一个sprite和一个label,结果如下

二现在我们来设置skill下的sprite,给他设置一个纯色空白图片,然后将他的type选择为filled和coloer tint 选择为黑色,然后设置为半透明,

coloer tint 点击打开下选择颜色框

箭头区域为设置半透明重点

最终结果显示设置为:

现在我们手动修改fill amount,可以看到黑色遮罩层360度减少,效果如下:

三,我们添加一个脚本给skill,代码如下

using UnityEngine;
using System.Collections;

public class Skill : MonoBehaviour
{

    public float coldTime = 2;    //设置冷却时间
    private UISprite sprite;
    private bool isColding = false; //是否正在冷却

    private void Awake()
    {
        sprite = transform.Find("Sprite").GetComponent<UISprite>();
    }

    void Update()
    {
        if (Input.GetKeyDown(KeyCode.A) && isColding == false)  //这两个逻辑是判断键盘A键是否按下,当isColding为false是技能在冷却,这时按下A键是无效果的
        {
            //1.释放技能,创建粒子系统 显示技能特效
            //2.UI显示技能冷却效果
            sprite.fillAmount = 1;
            isColding = true;
        }
        if (isColding)
        {
           sprite.fillAmount-= (1f/coldTime)*Time.deltaTime;//速度乘以时间间隔,就是这一帧时间变化大小,f的意思是表示为浮点
            if (sprite.fillAmount <= 0.05f)
            {
                isColding = false;
                sprite.fillAmount = 0;
            }
        }
    }
}

原文地址:https://www.cnblogs.com/May-day/p/8551879.html

时间: 2024-10-08 18:38:34

NGUI技能CD效果制作(sprite的type:filled)的相关文章

NGUI实现技能CD效果

在NGUI中使用Sprite的遮罩效果可以很轻松的实现技能CD效果. 具体实现步骤: ①新建一个技能图标的Sprite 如图中的Skill001,再在该技能Sprite上添加一个Sprite做遮罩, Atlas中选一张纯灰色背景的图片,如图中的Shade_Sprite. ②在该遮罩Sprite中有三个属性用来控制遮罩的效果. Type:Filled Fill Dir:Radial360 Fill Amount:0 滑动Fill Amount,就可以看到效果了 ③给技能游戏对象绑定一个快捷键或按钮

(转)NGUI制作转圈的技能CD特效

在技能图标上面放个半透明的精灵,用来做技能冷却的特效,如下图所示,我就用NGUI中的图标来带代替. NGUI制作转圈的技能CD特效 然后修改一下特效的精灵类型,它是在技能图标上面悬浮半透明可旋转的精灵.如下图所示, Sprite Type:设置成Filled Fill Dir:设置Radial 360 . Invert Fill:顺时针旋转或者逆时针旋转. NGUI制作转圈的技能CD特效 到这里就简单了,只要在程序中动态的修改Fill Amount的数值就可以了.写了一段简单的代码,让它一直旋转

NGUI研究之制作转圈的技能CD特效

 昨天想做一个技能CD转圈的特效,花了大把的时间去用meshRender组件想通过三角形依据数学算法来绘制一个圆形的网格.通过动态绘制圆形网格的方法来实现技能CD特效.奶奶的昨天我研究了一晚上,最终做出来了.但是今天突然发现NGUI已经实现这个功能了,,真是坑爹啊啊---,在技能图标上面放个半透明的精灵,用来做技能冷却的特效,例如以下图所看到的,我就用NGUI中的图标来带取代.对事件方法不明确的看NGUI研究之三种方式监听NGUI的事件方法 然后改动一下特效的精灵类型,它是在技能图标上面悬浮

NGUI技能冷却CD特效制作

其实蛮简单的今天紫龙感觉萌萌哒就详详细细地记录一下把: 首先在制作一个sprite命名为skill加一个背景图片,然后再建立一个sprite,选择一个可以挡住skill的背景的图片,然后选择Filled属性(如下图).然后在Sprite下面建立一个Label用来表示技能的按键快捷键,本例用的是R键...如下图                  因为sprite的图片挡住了skill的图片,所以给sprite的Alpha值调整到半透明,调整在color里面的属性如图(图的左边已经看到了效果):在c

横版游戏制作之英雄技能CD遮罩,人物头像血条属性

上图就是技能CD的一个效果,在此我需要给介绍下,cocosStuido这个工具中的UI Eidtor功能,编辑UI真的是很方便,至于怎么使用它,我相信您可以随便看看网上的东西,自己摸索,参考接下来的代码就知道了 在UI编辑器中,我们的技能是没有CD遮罩效果的,那怎么实现的呢? 答案就是:在点击触摸技能时,我们在技能的上方覆盖一张灰色的图片(这个你可以用PS去制作一张),大小与技能图标相同,然后根据每个技能的CD时间,产生一个扇形进度动画,动画结束后取消定时器跟这个遮罩对象就可以了 至于人物头像的

NGUI 学习笔记实战——制作商城

Unity3D的uGUI听说最近4.6即将推出,但是目前NGUI等UI插件大行其道并且已经非常成熟,所以我们还是先看眼前吧. 一.实现思想 商城的功能是很多游戏都拥有的,按下一个界面按钮,弹出一个窗体. 然后是商城中的商品可以拖动,既可以用手,也可以用滑条等等,至于点击购买就不单单是UI层的事了.等到实现NDate的时候再进行讨论. 二.实现背景 1.NGUI->Open->Prefab tool bar ,拖一个black widget进去 2.之后布局如下,这些应该没什么难度,弄好锚点,d

用NGUI动态添加和删除Sprite

using UnityEngine;using System.Collections; public class NGUI_button : MonoBehaviour { public UIButton button1;       public UIButton button2; void Start () {                    UIButton exe1=button1.GetComponent<UIButton>();//获取组件的方式    UIButton ex

ps_cc:制作sprite拼贴图片

我们的目标是: 将 合并为一张图片 step1:制作动作,便于批处理和重复使用 首先随便新建空白文档(建议:90x300px) 录制动作,alt+F9 上图中,可以新建分组前端,再新建动作sprite,这样可以方便管理和调用. 正题来了! 创建新动作-> 1.打开一个小图 2.图像->模式->RGB(避免有的图片是索引之类的,那样图片会不清晰) 3.全选 4.复制 5.返回刚新建的空白文档,粘贴 6.关闭小图->不保存 7.停止录制 step2:下次使用的时候,根据图层,算出合适的

模仿京东顶部搜索条效果制作的一个小demo

最近模仿京东顶部搜索条效果制作的一个小demo,特贴到这里,今后如果有用到可以参考一下,代码如下 1 #define kScreenWidth [UIScreen mainScreen].bounds.size.width 2 #define kScreenHeight [UIScreen mainScreen].bounds.size.height 3 4 #import "mainViewController.h" 5 6 @interface mainViewController