首先,在Canvas下创建一个image1,改名

然后把image1的source image换成技能图片,或者随便一张图片都行

接着,在image1下创建子类image2

接着,按照下面图片调整

source image改成UIsprite(打开旁边的圆圈,划到最底部)

然后Image Type改成Filled

color调一个自己喜欢的颜色,不透明度调低 

接下来,便可以开始写代码了

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class player : MonoBehaviour
{   public Image cd;dasdCD=2.0f;void Start(){cd.fillAmount = 0;//技能一开始就可以用}cd.fillAmount -= 1.0f/dashCD * Time.deltaTime;//dasdCD,技能时间
}

代码写完后,记得把之前调整的那张image2拖拽上去

但是这里并没有技能给我们使用,所以接下来我简单写一个冲刺技能与技能图标对应

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class player : MonoBehaviour
{
public float dashTime;//冲刺时间,自己设置private float dashTimeleft;//冲刺剩余时间private float dasdLast=-10f;//上一次冲刺时间,设置成-10是以便游戏开始便可以使用技能public float dashCD;//冲刺CD,自己设置public float dashSpeed;//冲刺速度,自己设置private bool isDash;//是否可以冲刺void Start(){cd.fillAmount = 0;//游戏开始技能图标显示}void Update(){ if (Input.GetKeyDown(KeyCode.J)) {//按下J键,如果现在的时间大于上一次冲刺的时间加上冲刺CD,便可以进行冲刺if (Time.time>=(dasdLast+dashCD)) {dashreday();              }}dash();cd.fillAmount -= 1.0f/dashCD * Time.deltaTime;
}
void dashreday() { //冲刺准备isDash = true;dashTimeleft=dashTime;//冲刺剩余时间等于冲刺时间dasdLast = Time.time;//将此刻冲刺的时间赋给上一次冲刺的时间cd.fillAmount = 1.0f;//重置技能图标}void dash() {//冲刺if (isDash) {if (dashTimeleft < 0) {isDash = false;}if (dashTimeleft >= 0) {transform.Translate(transform.right * Time.deltaTime * dashSpeed * h);//h是Input.GetAxis("Horizontal")}}}}

Unity中简单冲刺技能,加技能图标倒计时UI制作相关推荐

  1. unity中简单的血条自作

    unity中制作血条有很多方法,多数用NGUI:这里我就说说一个简单的血条制作方法吧: 这个血条制作不像NGUI一样,它是靠一段代码就可以实现的,但看起来比较效果比较差,还是看代码吧: public ...

  2. 在Unity中简单地制作一张2D地图并随机生成资源

    这个作业属于哪个课程 软件工程2022年春-F班 这个作业要求在哪里 软件工程实践总结&个人技术博客 这个作业的目标 课程回顾.个人技术总结 其他参考文献 <构建之法> 目录 一. ...

  3. 【unity游戏开发教程】Unity+Umotion Pro+VRoid+Blender制作人物模型和动画,在unity中简单制作二次元人物动画

    前言 大家好!本期教程教大家在unity中制作二次元人物模型和动画 文章目录 前言 0.环境准备 1.下载VRoid Studio 2.Umotion Pro下载 3.Mixamo网站 4.blend ...

  4. Unity非常简单的翻牌游戏教程,纯UI实现

    首先在场景中创建Canvas,加几个Button 为了排版方便,用了GridLayout 每个Button的结构是这样的,你要为Button里面加四个Image,我这样弄是为了省事,少写脚本 这四个I ...

  5. React给antd中TreeSelect组件左侧加自定义图标icon

    很多时候官网并没有给我们过多地详解来解释他们的产品怎么使用. 今天碰到了一个很恶心的问题,就是在给antd的treeSelect组件加左侧icon的时候,总是报一个警告, Warning: Each ...

  6. Unity中简单粗暴的消息机制(可限制消息调用次数)

    上代码 /********************************************************文件: EasyMsg.cs作者: 阿飞日期: 2022年02月15日_09: ...

  7. Unity中简单的matcap+fresnel shader的实现

    Shader "Unlit/matcap"{//matcapProperties{_NormalMap("法线贴图", 2D) = "bump&quo ...

  8. Unity中简单的cubecap+fresnel shader的实现

    Shader "Unlit/cubecap" {//cubecapProperties{_NormalMap("法线贴图", 2D) = "bump& ...

  9. Unity中通过mask组件裁剪出圆形图片,制作出圆形头像

    1.首先找一张圆形图片和长方形图片 2.添加Image控件,同时将图片换成圆形图片 3.在第一个Image下再放一个Image控件,同时将图片换成长方形图片 4.最关键的一步来了,点击第一个Image ...

最新文章

  1. java 上传的图片大小为0_JAVA技术:上传图片的缩放处理
  2. 机器学习一 -- 什么是监督学习和无监督学习?
  3. 如何去除小数点后面多余的0_704密封胶如何使用?怎么样去除多余的704密封胶?...
  4. 关于质粒,学生物的你应该知道的那些事儿
  5. 如何获取cookie值
  6. 使用tensorflow实现机器学习中的线性拟合
  7. 华为否认窃密;贾跃亭陪许家印考察FF;谷歌或被罚95亿欧元 | 极客头条
  8. Ubuntu14.04安装LSD-SLAM
  9. Python制作个性二维码
  10. 配置Exchange Server 2010多种邮件客户端收发电子邮件
  11. python运维小工具_Python实现跨平台运维小神器
  12. 本周AI热点回顾:机器狗要去福特当工程师;人脸黑产攻击一秒被擒;德扑AI大比分击败顶尖人类选手
  13. Typora崩溃 与 设置备份
  14. Python--面向对象进阶
  15. 关于elementui的table固定高度出现的表格高度有空缺
  16. 解决Windows10 无线显示屏连接失败问题
  17. .yml文件的基本用法
  18. Docker容器之Docker Swarm集群详解(上)
  19. python爬虫笔记四:大众点评店铺信息(字体反爬-静态映射)
  20. 绿盟科技c语言笔试,绿盟科技全国统一笔试题

热门文章

  1. 2019年1月28日学习日记
  2. R语言使用econocharts包创建微观经济或宏观经济图、ptvalue函数可视化前景理论价值函数(Prospect theory value function)
  3. camera中文版软件 ip_ip camera软件下载-IP Camera Viewer(网络摄像机监控软件)下载 v4.09官方版--pc6下载站...
  4. 计算机毕业设计 SSM+Vue汽车租赁系统 网上租车系统 车辆租赁管理系统 在线租车平台Java Vue MySQL数据库 远程调试 代码讲解
  5. [Android 4.4.2] 泛泰A850 Mokee4.4.2 20140509 RC2.0 by syhost
  6. 计算机故障率,电脑五大件故障率统计
  7. 图文详述:下载安装JDK,搭建Java开发环境,并运行第一个Java程序
  8. 高精地图生产中的坐标系
  9. CSS弹性盒子布局——flex布局的基本概念
  10. 执行redis命令redis-trib.rb查看集群信息报错cannot load such file -- redis (LoadError)