【虚幻引擎】实现类LOL缓慢扣血血条

实现效果

思路

分两个进度条重叠放，
一个在前面显示深红的真血条，但是背景条完全透明；
一个在背后显示淡红的跟随血条，背景条不透明。

如果真血条减少：
----跟随血条等待一会后，循环减到真血条百分比。
如果真血条增加：
----跟随血条直接跳到真血条位置。

实现

我习惯用Lua，所以用Lua演示，思路是一样的。
首先创建一个UserWidget，主要需要两个血条,hp在前，hpBack在后：

hp的背景条透明：

hpBack的进度条半透明：

核心代码：

local cls = {hpPercent = 1, hpBackPercent = 1,--每秒变化量hpBackAdd = 0.3,HPBackLoopFunc = nil,-- 缓存变量hpBackLastChangeTime = 0,
}--循环让跟随血条过渡到真血条
function cls:OnHPBackLoop()local again = trueif self.hpBackPercent > self.hpPercent thenself.hpBackPercent = self.hpBackPercent - self.hpBackAdd * (GF:Now() - self.hpBackLastChangeTime)self.hpBackLastChangeTime = GF:Now()endif self.hpBackPercent <= self.hpPercent thenagain = falseself.HPBackLoopFunc = nilself.hpBackPercent = self.hpPercentendself.hpBack:SetPercent(self.hpBackPercent)return again
end-- 根据dataModel更新widget显示
function cls:Update(model)self.hp:SetPercent(model.hpPercent)self.endurance:SetPercent(model.endurancePercent)self.hpPercent = model.hpPercentif self.hpBackPercent <= self.hpPercent thenself.hpBackPercent = self.hpPercentself.hpBack:SetPercent(self.hpBackPercent)elseself:DelayCall(0.3, function() --延迟调用if self.HPBackLoopFunc == nil thenself.hpBackLastChangeTime = GF:Now()self.HPBackLoopFunc = self:LoopCall(0.01, false, function()     --循环调用return self:OnHPBackLoop()end)endend)end
end--[[DelayCall、LoopCall函数定义
]]--return cls

【虚幻引擎】实现类LOL缓慢扣血血条相关推荐

参考虚幻引擎UObjectBase类源代码定义出 UObject对象成员的偏移量
参考虚幻引擎UObjectBase类源代码定义出自己的 UObject对象成员函数偏移量源代码路径: Engine\Source\Runtime\CoreUObject\Public\UObject ...
几种将将虚幻引擎内容流送到多个平台的推流方案比较
将虚幻引擎内容流送到多个平台,比较 HTML5.WebGL 和像素流送.Raystreaming. 简介在开发联网用户体验时,如何共享内容始终影响着协作.生产和发布中的关键决策.假如用户在消费并与共 ...
虚幻引擎(16)-简易血条
文章目录前言其他介绍上一篇笔记下一篇笔记预览动态预览图蓝图预览一.角色蓝图 [1]. Blood变量 [2]. 掉血功能二.血条控件三.关卡蓝图前言条的创建,和简单的掉血,需要 ...
【UE4 虚幻引擎学习笔记一】常见的基类（二） Actor、Pawn、Character、Controller
Actor Actor在官方文档的里意思是:Actor类是游戏中一切实体Actor的基类.其实这更像是一句废话,Actor作为一个常用基类,要明白一个问题: 什么时候该继承Actor类? 问:一个实体 ...
虚幻引擎之使用LoadClass加载蓝图类
虚幻引擎之使用LoadClass加载蓝图类文章目录虚幻引擎之使用LoadClass加载蓝图类一.前言二.探究 2.1 LoadClass 2.2 HashObject 参考文章一.前言看序 ...
如何用虚幻引擎4和C++开发游戏？斯坦福相关课程上线
鱼羊发自凹非寺量子位报道 | 公众号 QbitAI 如何用虚幻引擎4开发游戏? 现在,斯坦福的相关课程上线啦. 代码.视频.PPT.课后作业一应俱全,还会教你如何在游戏中设置基于行为树的AI, ...
虚幻引擎C++开发学习(二)上
上一章的内容都还是基础知识,游戏逻辑较为简单,语法也比价简单,主要的目的还是基础,所以没有过多的记录. 这一章会构建一个小游戏(关于关卡构建的部分这里省略掉了,是一个简单的房屋构建和光照布置,这些内容 ...
UE4入门学习笔记——纪念学习虚幻引擎满一周年
UE4入门学习笔记前言: 今天是正式学习ue4一周年.一年前的今天,我结束了PBR流程的学习,怀揣着对游戏制作的热爱,正式开始学习ue4,继续追寻儿时的那个大厂梦.谁也没想到,一年后的今天,我会在T ...
虚幻引擎学习课程大纲
UE4十二周排课计划第一周周目标: 了解虚幻引擎在行业中的应用,熟悉ue4制作CG影视和游戏的流程.下载引擎以及配套软件.熟悉ue4的编辑界面,能够使用ue创建自己的项目,将以往制作的模型或下载的 ...

【虚幻引擎】实现类LOL缓慢扣血血条

实现效果

思路

实现

【虚幻引擎】实现类LOL缓慢扣血血条相关推荐

最新文章

热门文章