NGUI技能冷却CD特效制作

其实蛮简单的今天紫龙感觉萌萌哒就详详细细地记录一下把:

首先在制作一个sprite命名为skill加一个背景图片,然后再建立一个sprite,选择一个可以挡住skill的背景的图片,然后选择Filled属性(如下图)。然后在Sprite下面建立一个Label用来表示技能的按键快捷键,本例用的是R键。。。如下图

                

因为sprite的图片挡住了skill的图片,所以给sprite的Alpha值调整到半透明,调整在color里面的属性如图(图的左边已经看到了效果);在color的上面有个 Fill Amount属性,这个属性就是负责cd效果的,只要用脚本去调整参数就可以了。

调整的脚本如下

using UnityEngine;
using System.Collections;

public class skill_cd : MonoBehaviour {

    public int cdtime=2;
    private UISprite sprite;
    private  bool iscolding=false  ;//是否在冷却

    public
	// Use this for initialization
	void Awake () {
        sprite =transform .Find ("Sprite").GetComponent <UISprite >();
	}

	// Update is called once per frame
	void Update () {
	if (Input.GetKeyDown (KeyCode.R) &&iscolding ==false  )//按键R
    {
    //释放技能创建粒子系统显示技能特效
        //ui上显示cd效果
        sprite .fillAmount =1;
      iscolding =true;
    }
	if (iscolding ){
        sprite.fillAmount -= (1f / cdtime) * Time.deltaTime;
        if (sprite.fillAmount <= 0.05)
        {
            iscolding = false;
            sprite.fillAmount = 0;
        }
    }
	}
}

最后只要把脚本拖给Skill然后运行按键盘R键就可以看到效果了。。。如图:(萌萌哒有木有)

时间: 2024-08-25 01:19:03

NGUI技能冷却CD特效制作的相关文章

(转)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制作技能冷却图标

最近在学习NGUI,有些小的知识点,个人觉得很不错,就记录下来了,毕竟好记性不如烂笔头,温故知新. 首先导入NGUI插件,插件我会在文章下面给出链接. 导入NGUI后,会在菜单栏,看到NGUI的按钮,我们首先创建一个Sprite,重命名为Skill,为其选择图集和精灵,调整Skill的大小和位置,我这里Size 为200*200. 在Hierarchy面板中选中Skill,然后再Scene面板中,右键创建一个Sprite,重命名为Filled,为其选择图集和精灵,最好选择一个单色的精灵,然后,T

libgdx 制作技能冷却图标

本篇随笔记录如何制作一个技能冷却的图标.抛砖引玉了,如需实际应用还得好好整理代码. 表示技能冷却,计时等无非就两种吧,一是长条状,参照/扩展progressbar即可,另外一个就是方形或者圆形的了吧. 很多有技能条的游戏UI一般都是用的是方形技能图标,如魔兽世界,暗黑三,War3..... 在这里我们试着做一个出来,先看看效果图吧(很次,见尿了,以后可以在指针和边框上加上动画或粒子效果) 该组件分为4层,从下往上依次为:技能原图标ground,裁剪效果层,指针层,外边框.当然也可以加入更多,或者

NGUI的技能冷却实现

使用NGUI实现技能冷却的原理是这样的:在表示技能的Sprite上加一个半透明的Sprite,将类型设置为filled类型,Fill Dir设置为Radial360,通过程序调节Fill Amount就可以模拟技能从冷却到被活的一段时间内渐变的效果.如下图所示: 代码中一个标志位isCooling表示是否正在冷却,只有当按下释放技能的按键并且该标志位为false时才可以释放技能,释放完成后isCooling立即变为true,然后冷却的部分在每帧都会减少,直至完全消失.代码如下: 1 using

SkillButton 技能冷却

#pragma once #include "cocos2d.h" USING_NS_CC; class SkillButton :public Node { public:  SkillButton();  ~SkillButton();                            //技能标记  static SkillButton * createSkillButton(float skillCD,const char* normalImage,const char* 

Cocos2d-x技能冷却还要等多久?---之游戏开发《赵云要格斗》(9)

这里是Evankaka的博客,欢迎大家前来讨论与交流------      转载请注明出处http://blog.csdn.net/evankaka/article/details/42747719 本文将主要来实现游戏开发过程中,技能冷却的实现,一个按钮点一次后,就会有一个冷却时间,得等冷却时间过了之后,你才能再次点击,一般这是实现特殊技能的.在这里,我也自己写了一个类,非常方便,只要把这个类加到你的工程中,加两张图片,就可以实现功能了. cocos2d-x版本:2.2.5 工程环境:wind

抖音图片视频切换转场特效制作

FCPX教程:抖音图片视频切换转场特效制作插件——多张图片叠加动态切换转场,fcpx插件TransPic版包含100个可定制的过渡.此转换包具有许多不同类型的转换选项.用户可以选择仅使用标准,即时或混合照片进行转换.选择最多可以转换20张照片.使用fcpx图片叠加插件,用户可以对每个转换进行参数控制,如旋转,阴影和反射控制.用户获得不同的反射预设,或者可以选择添加自己的反射图像. 开“Final Cut Pro X”软件,在软件右下角[已安装的转场]处,会显示安装好的“fcpx转场插件Trans

使用UltraISO制作u盘启动盘,系统引导光盘(CD/DVD)制作

光盘映像启动介质可直接使用UltraISO制作u盘启动盘,系统引导光盘(CD/DVD)制作.UltraISO涵盖了六种写入类型:USB-HDD.USB-ZIP.USB-HDD+.USB-ZIP+.USB-HDD+ v2.USB-HDD+ v2,根据不同兼容性,满足启动盘的制作要求. 原文地址:https://blog.51cto.com/ruguworking/2423722