unity制作释放技能效果

本文详细介绍了一款游戏技能UI的实现过程,包括如何通过Unity和C#代码创建技能图标,设置技能冷却时间,以及使用键盘按键触发技能。具体讲解了SkillItem类的代码实现,该类控制技能的冷却效果和触发机制。

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

经常在很多页游里面或者是DNF之类啊的游戏 很多技能是点击和键盘上面的某个键位触发的 ,现在就来制作出这个键位的问题

首先创建我们要点的图标大致的效果如下可以自己看看
在这里插入图片描述

	然后来开始说层级

在这里插入图片描述
最主要的是这个面板下的Image中ImageType
要设置成Fillde
照着我的如下设计
在这里插入图片描述
其他的一一截图出来
遮罩
在这里插入图片描述
在这里插入图片描述

然后就是代码方面

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class SkillItem : MonoBehaviour
{
    /// <summary>
    ///     技能冷却时间
    /// </summary>
    public float coldTime = 2;
    /// <summary>
    ///    当前时间
    /// </summary>
    private float timer = 0;
    /// <summary>
    ///     技能Image
    /// </summary>
    private Image FilImage;
    /// <summary>
    ///     判断技能读条
    /// </summary>
    private bool IsStartTimer = false;

    public KeyCode keyCode;
    // Start is called before the first frame update
    void Start()
    {
        FilImage = transform.Find("FilImage").GetComponent<Image>();

    }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetKeyDown(keyCode)){
            IsStartTimer = true;
        }
        if(IsStartTimer == true)
        {
            timer += Time.deltaTime;
            FilImage.fillAmount = (coldTime - timer) / coldTime;
        }
        if(timer > coldTime)
        {
            FilImage.fillAmount = 0;
            timer = 0;
            IsStartTimer = false;
        }
        

    }

    public void Onclick()
    {
        IsStartTimer = true;
    }
}

只有这一条代码
控制和挂载在第一张图里面

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值