Unity | 技能(CD)冷却效果

1 简介

游戏中技能冷却是一种常见的机制,用于限制玩家连续使用某个技能的频率。在 Unity 中,可以使用 Image 组件的 Filled 选项来快速实现该效果

2 解决方案

1 制作遮罩

「创建 Image」

以目标对象的纹理创建 Image,将其层级设置为目标对象的上层,更改颜色为黑色,并设置合适的透明度

「修改 Image 属性」

  1. Image Type: Filled
  • 按照与 Simple 相同的方式显示精灵,但不同之处是使用定义的方向、方法和数量从原点开始填充精灵
  1. Fill Method: Radial 360
  • 填充方法
  1. Fill Origin: Top
  • 填充起始位置
  1. Fill Amount: 填充量
  • 脚本动态控制
  1. Clockwise: 不勾选
  • 填充量从0到1时是顺时针填充还是逆时针填充

最终样式如下:

2 增加动画

修改完 Image 的属性后,还需要编写脚本来动态控制 fillAmount 属性,让冷却效果真正的动起来

计算 fillAmount 属性的方式一般有两种:

  • 通过组件生命周期中的 Update 自己计算时间,实现平滑过度

  • 通过 DOTween 实现补间动画

这里更推荐使用 DOTween,会使代码更简洁,易于维护

复制代码
float totalTime = 5f;
float duration = 5f;
DOTween.To(() => duration,
    value => { this.imgMask.fillAmount = value / totalTime; },
    0,
    duration);
相关推荐
开发游戏的老王12 小时前
虚幻引擎虚拟制片入门教程目录
游戏引擎·虚幻
future_studio16 小时前
聊聊 Unity(小白专享、C# 小程序 之 自动更新)
unity·小程序·c#
心疼你的一切17 小时前
Unity开发利器:ScriptableObject的数据容器设计与内存优化原理
microsoft·unity·c#·游戏引擎
至善迎风18 小时前
将跨平台框架或游戏引擎开发的 Windows 应用上架 Microsoft Store
windows·microsoft·游戏引擎
worxfr18 小时前
小游戏引擎架构设计案例分析
游戏引擎
Cool-浩1 天前
【征文计划】Rokid 语音指令开发教程 【包含工程源码 和体验包APK】
unity·ar·语音识别·rokid·语音指令
Brianna Home2 天前
从零到一:用Godot打造2D游戏《丛林探险》
算法·游戏·性能优化·游戏引擎·bug·godot·动画
郭逍遥2 天前
[Godot] C#简单实现2D节点图生成
游戏引擎·godot
小剑修2 天前
2025.10.18 复习
unity
AA陈超2 天前
虚幻引擎5 GAS开发俯视角RPG游戏 P05-11 消息小部件
c++·游戏·ue5·游戏引擎·虚幻