【FairyGUI & Unity】实现血条UI扣血与加血的缓动效果

组件设计

创建一个进度条组件,作为血条。

  • bar是实际血量条
  • DownBar是扣血缓动背景图层
  • UpBar是加血缓动背景图层
  • LowBar是低血量变色(和控制器配合,本文不讲)
  • n11组合是血量参考线

发布到Unity。

参考代码

            if (_lastHP < hpBar.value) // HP降低
            {
                hpBar.UpBar.visible = false;                                 // 隐藏加血层
                hpBar.value = _lastHP;                                       // 设置当前血量
                hpBar.DownBar.TweenScaleX((float) (_lastHP / hpBar.max), 1); // 扣血层缓动缩放到当前血量
            }
            else if (_lastHP > hpBar.value) // HP增加
            {
                hpBar.UpBar.SetScale((float) (_lastHP / hpBar.max), 1); // 设置加血层缩放
                hpBar.UpBar.visible = true;                             // 显示加血层
                hpBar.TweenValue(_lastHP, 1);                           // 播放加血动画到当前血量
            }

实现结果

posted @   白纸无字Zonciu  阅读(5813)  评论(0编辑  收藏  举报
编辑推荐:
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
· 程序员常用高效实用工具推荐,办公效率提升利器!
历史上的今天:
2017-11-03 .NET Core 多项目工程生成EF迁移代码
桂ICP备15001930号-4
点击右上角即可分享
微信分享提示