Unity UI学习（1）——制作技能冷却图标

最新推荐文章于 2025-06-19 23:24:07 发布
最新推荐文章于 2025-06-19 23:24:07 发布
阅读量2.8k 收藏 24
点赞数 3
CC 4.0 BY-SA版权
分类专栏： Unity UI学习 文章标签： unity UGUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_42552233/article/details/80997161
本文介绍如何使用Unity的UGUI系统创建一个技能冷却图标。通过创建Button、Image和Text组件并结合C#脚本，实现了按钮按下后的冷却效果。文章详细讲解了组件配置和代码逻辑。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在初步了解了Unity的UI相关资料后，对UI了更多了解。

首先了解一下相关概念

                                  UI：    User Interface 用户界面；

                                  GUI： Graphic User Interface  图形化用户界面

                                  NGUI：Next Gen User Interface 次世代用户界面

                                  UGUI：Unity Graphic User Interface  unity公司开发的图形化界面  

最低0.47元/天 解锁文章

200万优质内容无限畅学
【unity游戏开发入门到精通——UGUI】UI控件 —— Image图像控件
向宇
04-21 1677
【unity游戏开发入门到精通——UGUI】UI控件 —— Image图像控件
Unity中实现制作技能冷却效果
L的博客
12-17 2724
新建两个Image，一个是技能图片的正常Image 一个技能图片的遮罩Image(透明度降低)，将遮罩的Image属性设置为Filled，遮住正常的技能Image通过代码控制Filll Amount的参数来实现技能图片的冷却效果 using UnityEngine; using UnityEngine.UI; public class Test : MonoBehaviour { ...
[Unity3D] 技能图标的冷却效果和时间显示
10-11 4586
利用UI Image 的 ImageType 中的Filled，通过代码控制FillAmount的数值编号来实现技图标的冷却效果。
unity游戏技能冷却
m0_73696278的博客
03-23 620
1、创建技能UI，点击Panel，鼠标右击，选择UI中的Image，作为底图；再以这张图为父物体，创建子图，用作填充图片。3、创建代码添加到底图中，需要给代码添加 using UnityEngine.UI;2、在底图中添加Button组件。
Unity角色技能编辑器全攻略
最新发布
欢迎来到《技术探索》，这是一个专注于游戏开发技术的博客。在这里，我们将深入探讨游戏引擎、图形渲染、人工智能、物理模拟等领域的最新技术和最佳实践。无论您是初学者还是经验丰富的开发者，我们都希望为您提供有价值的见解和实用的技巧。
06-19 1198
摘要：Unity角色技能编辑器开发指南：提供功能设计（可视化编辑、行为配置、实时预览）、数据结构建议（ScriptableObject示例），实现思路（基础Inspector到高级节点式编辑）及UI布局方案。包含代码样例（自定义EditorWindow）和进阶建议（行为树、批量处理、多语言支持），推荐xNode等插件实现复杂技能逻辑，提升团队协作效率。（149字）
Unity 技能冷却UI
qq_39231744的博客
09-06 302
using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; public class Skille : MonoBehaviour, IPointerClickHandler { /// <summary> /// 攻击按钮 /// </summary>
Unity UGUI Image 实现技能冷却效果
W__YH的博客
06-14 953
实现技能冷却效果
Unity制作技能冷却效果
热门推荐
Kiboo的博客
03-04 1万+
在制作ARPG等游戏时，主角的技能往往需要的到冷却才能释放 本文介绍在Unity中如何简单实现技能冷却效果 【Mask组件的使用】 首先制作技能图标 创建一个UI->Image Image选择Unity自带的圆形图片 在Image下添加一个按钮作为子节点，并适当放大按钮 选择一张精灵图片作为按钮图案 在Image下添加Mask组件 Mask中文名叫面具 该组件的作用是 只显示I
【Unity学习笔记】——基础篇：UGUI基础Image Type
WoW的博客
07-12 3126
先放一个讲 UGUI 的博客： 宣雨松的 UGUI 研究院 Image——Image Type： ① 在做界面时常常是美工设计好UI元素，然后程序在Unity里把它们摆一摆。比如做一个Image图标，美工设计好的尺寸是100*100，那么我们在unity里创建一个image，设置它的长宽为100*100，然后放到合适位置。有没有省事的方法呢？ 看Image组件底下有一个按钮： 点
unity游戏开发学习笔记
qq_29231163的博客
09-02 1万+
unity note： 游戏和三维互动内容开发工具，专业游戏引擎 游戏引擎： 一款游戏最核心的代码 包含： 渲染引擎，物理引擎、碰撞检测，音效、脚本引擎、动画系统 人工智能、网络引擎、场景管理。 游戏公司分工 策划、美工、软件工程师、测试工程师、客服 首月： day1： 环境搭建、C#语言基础、Unity API、物理引擎1、3D数学基础、UGUI 程序界面 Project->Assets文件 Hierarchy-> 对象 Scene 右键旋转 滚轮->前进后退 F键—&gt
软件工程领域UI设计的游戏界面设计策略
项目管理的博客
05-05 1333
游戏界面（Game UI）是玩家与游戏交互的第一入口：从新手引导到战斗操作，从装备升级到社交聊天，界面设计直接影响玩家留存率与体验满意度。本文聚焦软件工程视角下的游戏UI设计策略，探讨如何通过系统化方法（而非仅依赖“美感”）设计出高效、沉浸、稳定的游戏界面。本文从“核心概念→原理模型→实战案例→趋势挑战”四步展开：先用生活案例解释游戏UI的关键术语；再通过数学模型与代码示例拆解设计逻辑；接着用《幻想大陆》项目实战演示全流程；最后分析未来技术对游戏UI的影响。
Unity学习——UGUI制作技能的冷却效果
Ding_zhiyuan的博客
09-26 3847
技能冷却的原理是控制Image中的填充效果为Filled时的FilledAmount属性值的依次减少，从而产生技能的冷却效果。 首先我们需要准备素材，技能的背景图（SkillBg），技能图（Image），冷却的技能图（FillImage只是把技能图的颜色设置为黑灰色） 然后将每个图罗列好（背景图是技能图和冷却图的父物体），背景图和技能图无须修改，只要将冷却图的Image Type修改为F
unity4.0 制作原创的3个不错的技能特效
06-22
unity4.0 制原创的3个不错的技能特效
Unity3D UGUI实现冷却时间的技能图标
外星阳的地球
07-29 9553
哟哟哟，UGUI实现这个功能特别的简单。利用了Image组件的功能，接下来就为大家一步步实现这个小技能。先为大家介绍一下Image组件的ImageType属性。 (1)Simple:        最普通模式，用原图显示。 (2)Sliced:         切片模式，首先对图片本身的SpriteEditor编辑器，编辑图片的边框范围
Unity - 技能框架
2303_76262050的博客
07-02 899
角色释放者身上挂一个SkillManager的脚本，用于管理释放者身上所能释放的所有技能数据，并对外提供受否能释放技能的方法和释放技能的方法。这个只是一个数据的存放器，所以没有必要让它继承MonoBehaviour变成unity的脚本，但是为了配置方便可以将其序列化，实现可以在编辑器面板配置数据。1）范围选择，创建一个父类，通过技能数据中的范围类型，选择子类，在通过父类释放，实现变化的隔离。2）效果接口：与范围选择的接口类似，只不过效果有比较多在释放器的脚本调用时，需要用数组来存放所有需要用的效果接口。
unity技能刷新效果实现
qq_40666620的博客
03-01 587
前提知识 这里没有使用slider,而是使用的Image Type中的Filled 1.按名字得到子控件中的gameobject private Image _runImage; _runImage = transform.Find("RunImage").GetComponent<Image>(); 2.某个按键按下 public KeyCode Key; if (I...
【Unity 技能与攻击指示器资源包】Skill & Attack Indicators适用于MOBA、RPG、ARPG、策略、战术类游戏，快速实现 技能范围、攻击指示、目标锁定等视觉反馈效果
2403_88403568的博客
03-20 447
Skill & Attack Indicators 是一款专为 Unity 设计的 技能与攻击指示器 资源包，适用于 MOBA、RPG、ARPG、策略、战术类游戏，帮助开发者快速实现 技能范围、攻击指示、目标锁定 等视觉反馈效果。该插件提供 多种风格化的指示器，让玩家可以清晰直观地判断技能影响范围和攻击方向，提升游戏的操作体验和战斗策略性。
个人技术总结——Unity3D游戏的图标与预制件配置
222100410庄宏明的博客
06-06 1598
预制件配置：负责将游戏中需要使用的各种预制件按照设计要求进行配置；为场景设计ui和交互界面：绘制图标，与游戏设计师、程序员和紧密合作，根据他们的需求和反馈及时调整预制件配置和图标设计等Q1:预制件管理混乱解决方案：使用Unity的预制件变体功能来组织和管理预制件，确保每个预制件都有清晰的命名和分类Q2:预制件性能瓶颈解决方案：优化预制件的资源使用，如减少不必要的组件和脚本，使用实例化技术减少内存占用Q3:预制件的动态配置困难。
Unity技能系统框架（三）分析一个具体被动技能
IQ007伟哥的博客
03-26 5366
这一篇分析一个具体的被动技能：蚁人的影矛 首先看下技能描述：“每个蚁人都是天生的掷手，投掷出长矛刺穿目标的身躯。普通攻击有几率对攻击范围内其他{0}名目标进行相同攻击。”，只要是个程序猿，智商足以总结出该技能重点：“普通攻击有几率攻击范围内其他{0}名目标”，其他的都是废话。不过要注意，这个攻击是以弹道的方式攻击多个目标，而不是分裂伤害。分析下这个技能的逻辑思路，这里可以拆分成这...
Unity UI滑动控件制作教程
标签中提及的“Unity UI滑动”也暗示了本话题深入到了Unity UI系统的核心功能之一，表明了学习者需要对Unity的用户界面框架有一定的理解，包括事件驱动、组件管理等方面的知识。在实现“SliderPage”功能时，开发者...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值