首页 > 其他分享 >如何制作技能冷却UI

如何制作技能冷却UI

时间:2024-01-31 15:33:07浏览次数:23  
标签:填充 image 冷却 UI 我们 技能

技能的使用,在很多的游戏里面都会有用到,比如RPG游戏,MMORPG,Moba游戏等,都会用到技能,那么有技能,就一定会有技能的使用,有技能的使用,就一定有技能的冷却。然后UI它的作用就是为了让玩家有直观的了解,对这个技能,比如它的冷却周期,目的就是为了让玩家知道,我们还有多久就可以再次放技能了。所以技能冷却UI非常重要。

技能冷却需要用UI来做,我们在画布上面创建一张image,然后再给image来一张子image,然后我们需要知道的是,技能的冷却,绝大部分的冷却UI显示都是360度填充的,是吧,当然也有少数其他的显示。效果都一样。那么我们就以360度填充为例,来做一个技能冷却UI。首先,我们需要了解一些基础,比如图片有哪些类型,iamge上的一些属性,你是不是都懂,都理解了。如果不知道,那么这个效果,你做起来就比较困难了。在这里我们知道一个点,那就是图片的四种类型,普通类型,九宫切图,平铺,填充。一般情况,我们做UI都是有第一种类型,那么像这次这个技能冷却,我们很明显不好弄,那么就要想别的方法了,这里很明显我们需要用到填充。

 

 

所以我们按照图上的操作,然后就可以来写代码了,我这里是逆时针旋转填充的,问题不大。这个没影响。然后填充的关键就是那个fallamount,我们需要知道技能的冷却时间,然后需要用计数器。最后来得到当前冷却了多久了,占比总的时间的比重,然后归一化赋值给fallamount就可以了。这里不再细说,直接上代码了。

 

 

 

这就是整个的技能冷却UI的案例了

 

标签:填充,image,冷却,UI,我们,技能
From: https://www.cnblogs.com/rainy1unity/p/17999356

相关文章

  • macos签名报错——unable to build chain to self-signed root for signer
    自己的解决方案,先把两个证书都给安装上  这个组织单位我是装G2因为公司的证书这边组织单位填的是G2   然后再装自己的两个证书installer和application就搞定了这边要注意的是如果依旧无效的话,可以先把自己的这几个证书给删了,然后再装,正常就好了。。。我也是......
  • tomcat启动时报错:Caused by: java.lang.IllegalArgumentException: AJP连接器配置secr
    31-Jan-202414:01:13.812信息[main]org.apache.coyote.AbstractProtocol.start开始协议处理句柄["http-nio-8080"]31-Jan-202414:01:13.818严重[main]org.apache.catalina.core.StandardService.startInternalFailedtostartconnector[Connector[AJP/1.3-8009]]......
  • 最新Burp Suite入门技术
    BurpSuite的安装BurpSuite是一款集成化的渗透测试工具,包含了很多功能,可以帮助我们高效地完成对Web应用程序的渗透测试和安全检测。BurpSuite由Java语言编写,Java自身的跨平台性使我们能更方便地学习和使用这款软件。不像其他自动化测试工具,BurpSuite需要手动配置一些参数,触发......
  • 利用pyautogui调用微信ocr
    importpyautoguiimporttimedefocrweixin(filename):#鼠标点击,默认左键#移至sheet页pyautogui.click(1386,33)#点击地址框pyautogui.click(1364,94)pyautogui.hotkey('ctrl','a')time.sleep(0.5)pyautogui.typewrite(......
  • js amazui 两种modal
    一种使用form,button类型为submit,提交后自动刷新form<divclass="am-modalam-modal-confirm"id="choose_ppa_form"style="top:-10%;"><divclass="am-modal-dialog"><divclass="am-modal-hd"id=&#......
  • Arduino - 使用ESP32-CAM
    简介准备工作:Arduino+ESP32-CAMdemo实现:使用ESP32-CAM实现拍照和视频流Arduino+ESP32开发环境搭建官网下载Arduinohttps://www.arduino.cc/en/software(建议不要下载beta版,可能会有问题)如果官网太慢可以在这里下载[Arduino中文社区-PoweredbyDiscuz!](https://www.a......
  • Arduino - Arduino/AVR/8051 和 ARM/STM32
    8051,AVR和ARM架构80518051是由Intel于1980年代初推出的一款8位单片机。它的架构基于哈佛结构(分离的程序和数据存储器),并使用8位数据总线和16位地址总线。8051内核是一个8位CISC(复杂指令集计算机)处理器,具有不同的寻址模式和指令。该内核具有四个寄存器组、两个16位计数器/定时器、一......
  • [-001-]-Python语言的GUI编程工具包之PyQt5初步认识
    一、PyQt5的QtWidgets介绍PyQt5的QtWidgets模块包含了很多类,用于创建GUI应用程序的各种控件和窗口部件。其中一些主要的类包括:QApplication:应用程序类,负责管理应用程序的控制流程和事件循环QMainWindow:主窗口类,提供了一个应用程序的主界面QWidget:窗口部件类,是所有用户界面......
  • Arduino - 使用ESP32-CAM
    简介准备工作:Arduino+ESP32-CAMdemo实现:使用ESP32-CAM实现拍照和视频流Arduino+ESP32开发环境搭建官网下载Arduinohttps://www.arduino.cc/en/software(建议不要下载beta版,可能会有问题)如果官网太慢可以在这里下载[Arduino中文社区-PoweredbyDiscuz!](https://www.a......
  • 前端必学-40个精选案例实战-案例2-前端必备技能-PS网页切图
    5大图片类型,在网页中的展示方式图片种类图片一般情况下分为两类,一类为像素图,一类为矢量图像素图是由一颗颗像素点组成,如果放大看,会看到像素点矢量图一般是由软件生成,如果放大看,不会产生像素点PS新建保存新建快捷键为Ctrl加n,或者使用菜单功能另存为ctrl(command)加s,或者使......