Unity UGUI Image 实现技能冷却效果

最新推荐文章于 2023-12-04 23:28:13 发布
最新推荐文章于 2023-12-04 23:28:13 发布
阅读量837 收藏 6
点赞数 2
文章标签： unity c# 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w__yh/article/details/125279981
版权
本文介绍了如何使用Unity的UGUI Image组件创建技能冷却效果。通过创建一个Image并设置其Source Image，然后添加一个子Image，将其类型设置为Filled，调整Fill Method为Radial 360，Fill Origin为Top。通过改变Fill Amount的值，并编写C#代码动态控制填充量，实现技能冷却的动画效果。最后，将脚本挂载到子Image并连接到This Image，完成技能冷却视觉效果的创建。
摘要由CSDN通过智能技术生成

首先创建一个Image，将技能Sprite放到Source Image：

在Image下边创建一个子Image，选择下图中的Knob，并修改透明度以及颜色：

将子Image的Image Type选择为Filled       

        Image Type：

                Simple 默认，在控件区域内完全显示一张图片

                Slice的 切片，九宫格应用，需要图片做过九宫格分裂，四角在图片拉伸时不会拉伸变形

                Tlled 平铺，像铺地板一样填满整个控件

                Filled 填充࿰

最低0.47元/天 解锁文章
W__YH
关注
【Unity-UGUI控件全面解析】| Image 图片组件详解
努力前行，总会成为自己心中的那道光
04-30 2万+
Image是图片组件，是UGUI组件中常见的基础组件，主要用来显示图片效果。 还有其他的一些组件都会用到Image组件，比如Button组件、Dropdown组件、InputField组件等。 在这里介绍完Image，后面其他组件中用到Image的地方就不多做介绍了~ 在Unity的Hierarchy视图中选择 Create→UI→Image 创建Image组件。
Unity使用UI功能进行技能冷却倒计时特效
最新发布
m0_67942038的博客
08-09 339
在Image中再新建一个Image的图片UI，这一层会覆盖上一层的图片，这边建议找一个纯白的图片，并且设置一定的透明度，使白色图片有模糊的效果。在子的ImageUI中的新建一个文本框UI(Text(TMP)),(现在主流是使用Text,小编这边使用新的，Text(TMP)，这边需要主要一下，UI的不同，导入的代码也不同）在Image中图片的覆盖关系，越上面的图片在越底层。在父子关系中，越儿子显示的图片在越上面。界面部分完成后，在子的Image中添加实现功能的代码即可。如图可见，该效果是用过父子的嵌套方式。
Unity Shader 技能冷却效果
05-03
使用Unity Shader实现技能冷却效果，与NGUI插件中的技能CD效果类似。
unity游戏技能冷却
m0_73696278的博客
03-23 496
1、创建技能UI，点击Panel，鼠标右击，选择UI中的Image，作为底图；再以这张图为父物体，创建子图，用作填充图片。3、创建代码添加到底图中，需要给代码添加 using UnityEngine.UI;2、在底图中添加Button组件。
Unity 技能冷却UI
qq_39231744的博客
09-06 246
using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; public class Skille : MonoBehaviour, IPointerClickHandler { /// <summary> /// 攻击按钮 /// </summary>
Unity模拟技能冷却
kuilaurence的博客
11-18 347
1.效果： 2.代码： using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; using DG.Tweening; public class SkillCD : MonoBehavio...
unity闪现技能键制作之技能冷却
weixin_55355282的博客
11-06 3022
首先，各位编程大神可以直接略过这篇文章。鉴于水平不高又刚刚起步，内容很菜。 只是记录一下。
unity（UGUI）技能冷却 代码详解
qiushubo的博客
08-17 970
using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; /// <summary> /// /// </summary> public class filedskill : MonoBehaviour { public float f = 3;//决定冷却时间3秒 public bool b;//作为触发条件 pu.
unity 设置图片九宫格_Unity UGUI – Image组件
weixin_39624461的博客
12-21 2920
本文提供全图文流程，中文翻译助力快速掌握UnityUGUI中 Image组件的使用为初学者节省宝贵的时间，避免采坑！Chinar —— 心分享、心创新！我们的初衷是将一种简单的生活方式，带给世人使有限时间 具备无限可能!Chinar教程效果：@全文高清图片，点击即可放大观看(很多人竟然不知道)1Presentation —— 介绍Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片1...
unity技能冷却
天行九歌
09-07 819
**本文转载自http://blog.csdn.net/liang_704959721/article/details/44961757** ——-在游戏中一般都会用到冷却技能(CD)实现的方式一般都是遮罩，你可以自己写遮放的方法，或者用shader实现。使用NGUI会比较方便的实现遮罩类似这样 主要用到了ngui的UISprite脚本 ngui——创建一个Sprite，设置一下【Type】类型
Unity实现技能冷却
万事屋银ちやん
08-11 1579
Unity技能冷却的实现： 来源于一个因为某些原因做废了的Ｄｅｍｏ... 很多时候，为了限制玩家在某一段时间内只能用一次技能，就引入了技能冷却； 实现思路：点击按钮自动根据冷却时间进入button不可点击的状态，以及使灰色遮罩图片显示。 using System.Collections; using System.Collections.Generic; using UnityEng...
Unity学习——UGUI制作技能的冷却效果
Ding_zhiyuan的博客
09-26 3425
技能冷却的原理是控制Image中的填充效果为Filled时的FilledAmount属性值的依次减少，从而产生技能的冷却效果。 首先我们需要准备素材，技能的背景图（SkillBg），技能图（Image），冷却的技能图（FillImage只是把技能图的颜色设置为黑灰色） 然后将每个图罗列好（背景图是技能图和冷却图的父物体），背景图和技能图无须修改，只要将冷却图的Image Type修改为F
Unity 技能冷却条
muyouking
11-10 308
using UnityEngine; using UnityEngine.UI; ///<summary> ///技能冷却条 ///</summary> public class SkillItem : MonoBehaviour { public float coldTime = 2f; private float timer = 0f; // private Image filledImage; private bool isStartTi.
Unity实现简单技能冷却管理器
lcy的博客
09-18 1644
前言 这段时间做技能系统，需要实现技能冷却。如果每个技能都写一段计时器代码的话重复性太高而且还不方便管理，于是根据使用到的功能写了个简单的冷却管理器统一处理。 实现 代码很简单，理解思路即可。 这里我方法中传的key为了方便管理和传参使用的枚举，可以使用字符串替换。 using System.Collections; using System.Collections.Generic; using UnityEngine; using System.Linq; public class CDMgr : Mo
游戏开发小结——在Unity中创建冷却系统
小云同志你好的博客
12-04 282
##但是我们如何实现它呢？
Unity UI学习（1）——制作技能冷却图标
hailoneko的博客
07-11 2667
在初步了解了Unity的UI相关资料后，对UI了更多了解。首先了解一下相关概念                                  UI：    User Interface 用户界面；                                  GUI： Graphic User Interface  图形化用户界面                              ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值