引言：一个数字背后的渲染管线与数学建模
在UE5中，伤害数字（Damage Number）看似只是UI层的一串字符，但其本质是一个从世界空间坐标到屏幕空间坐标的投影变换问题，叠加了时间维度的运动学与视觉编码。很多开发者直接使用UMG的Widget Component或屏幕空间投射，却忽略了其背后的数学原理与性能代价。本文将从渲染管线的坐标变换出发，推导伤害数字的两种实现路径，并给出工程级的优化方案。
现象：为什么伤害数字会“飘”？
当你在游戏中造成伤害，数字从目标头顶浮现，向上飘动并逐渐淡出。这一现象背后是三个独立系统的协同：坐标系统（决定数字出现在哪里）、动画系统（决定数字如何运动）、渲染系统（决定数字如何被绘制）。绝大多数实现只关注了“怎么做”，却忽略了“为什么这样设计”。例如，为什么伤害数字通常使用屏幕空间而非世界空间？为什么浮动轨迹常用贝塞尔曲线而非直线？这些问题的答案，都指向一个核心矛盾：信息可读性与空间真实感之间的权衡。
原理：坐标变换的数学本质
任何3D物体要显示在2D屏幕上，必须经历模型-视图-投影（MVP）变换。伤害数字的显示位置，本质上是把世界空间位置（如敌人头部）通过视图矩阵（摄像机）和投影矩阵（透视或正交）映射到裁剪空间，再经过视口变换得到屏幕坐标。UE5中，ProjectWorldToScreen函数封装了这一过程，但其内部涉及矩阵乘法与齐次坐标除法，理解这一点是优化和调试的基础。
世界空间 vs 屏幕空间
世界空间方案：将Widget作为Actor组件挂载，引擎自动进行MVP变换。优点是随物体移动而移动，有透视缩放；缺点是每一帧都要重新计算投影，且UI元素受3D场景遮挡影响，可读性差。屏幕空间方案：在HUD层绘制，与世界坐标解耦，只通过一次投影计算获取初始位置，后续动画完全在2D空间进行。优点是可读性强、性能高；缺点是需要手动同步世界位置。由此可见，屏幕空间才是伤害数字的正确选择，因为它符合“信息优先”的设计原则。
推导：从世界坐标到屏幕坐标的投影公式
设世界坐标为 P_w，视图矩阵为 V，投影矩阵为 P，则裁剪空间坐标 P_c = P * V * P_w。然后通过透视除法（除以w分量）得到NDC坐标（范围-1到1），最后映射到屏幕坐标：ScreenX = (NDC.x * 0.5 + 0.5) * ViewportWidth，ScreenY = (1 - (NDC.y * 0.5 + 0.5)) * ViewportHeight。注意Y轴翻转，因为屏幕坐标原点在左上角。UE5的ProjectWorldToScreen已经处理了这些，但你要知道：每调用一次，就涉及矩阵乘法与除法，如果每帧对大量敌人调用，会产生性能开销。
性能优化：缓存与批量更新
假设场景中有100个敌人同时受到伤害，每个伤害数字需要每帧更新位置。若每帧调用100次投影，开销不小。优化方案：只对可见的、受击的敌人更新位置，并缓存投影结果。更极端的做法是，将伤害数字的“附着点”抽象为FVector，在C++中批量计算投影，再一次性更新UI。UE5的UUserWidget提供了NativeTick，但更推荐使用UWidgetAnimation来处理浮动动画，因为它运行在UI线程，不阻塞游戏线程。
验证：蓝图与C++实现对比
蓝图实现：创建一个UUserWidget子类，添加TextBlock，在事件图表中调用ProjectWorldToScreen，并在Tick中更新位置。优点是快，适合原型；缺点是逻辑分散，难以优化。C++实现：创建一个UDamageNumberWidget，重写NativeTick，内部维护世界坐标和动画时间，计算屏幕位置后调用SetPositionInViewport。优势在于可批量管理、可预测性能。以下是C++核心代码：
// DamageNumberWidget.h
UCLASS()
class UDamageNumberWidget : public UUserWidget {
GENERATED_BODY()
public:
void InitializeDamageNumber(const FVector& WorldLocation, float DamageValue);
protected:
virtual void NativeTick(const FGeometry& MyGeometry, float InDeltaTime) override;
private:
FVector WorldLocation;
float LifeTime;
float MaxLifeTime = 1.0f;
};// DamageNumberWidget.cpp
void UDamageNumberWidget::NativeTick(const FGeometry& MyGeometry, float InDeltaTime) {
Super::NativeTick(MyGeometry, InDeltaTime);
if (LifeTime > 0) {
LifeTime -= InDeltaTime;
// 浮动运动：上升+淡出
float Alpha = 1 - (LifeTime / MaxLifeTime);
FVector2D ScreenPos;
UGameplayStatics::ProjectWorldToScreen(GetWorld(), WorldLocation, ScreenPos);
// 垂直偏移（像素）
float OffsetY = -Alpha * 100.0f;
SetPositionInViewport(ScreenPos + FVector2D(0, OffsetY));
// 透明度
SetColorAndOpacity(FLinearColor(1,1,1, 1-Alpha));
if (LifeTime <= 0) RemoveFromParent();
}
}这段代码展示了核心逻辑，但注意ProjectWorldToScreen每帧调用，若敌人数量多，建议使用APlayerController::ProjectWorldLocationToScreen，它内部有缓存机制。
动画曲线：为什么用贝塞尔？
简单的上升直线太机械，真实感的浮动通常使用贝塞尔曲线，因为其导数连续，运动平滑。UE5的UWidgetAnimation支持曲线编辑器，但动态生成曲线较麻烦。更轻量的做法是使用三角函数：Y = A * sin(π * Alpha)，产生先加速后减速的效果，且计算代价极低。这符合“够用就好”的工程原则，避免过度设计。
工程实践：一个可复用的伤害数字系统
基于以上原理，我实现了一个轻量级系统：UDamageNumberManager，它是一个Actor，维护一个对象池。当收到伤害事件时，从池中取出Widget，设置世界坐标和数值，激活后自动运行。对象池避免了频繁创建和销毁Widget的GC压力。核心设计如下：
- 对象池：预创建10个Widget实例，循环使用。
- 批量投影：在C++中收集所有活跃数字的世界坐标，一次性调用
ProjectWorldToScreen（可并行化）。 - 动画参数：每个数字有独立的浮动高度、持续时间、缩放曲线，通过数据驱动。
以下是关键代码片段：
// Manager中批量更新
void UDamageNumberManager::UpdateAllNumbers(float DeltaTime) {
TArray<FVector> WorldPositions;
for (UDamageNumberWidget* Widget : ActiveWidgets) {
WorldPositions.Add(Widget->WorldLocation);
}
// 批量投影（假设使用ParallelFor）
TArray<FVector2D> ScreenPositions;
ScreenPositions.SetNum(WorldPositions.Num());
ParallelFor(WorldPositions.Num(), [&](int32 i){
UGameplayStatics::ProjectWorldToScreen(GetWorld(), WorldPositions[i], ScreenPositions[i]);
});
// 更新每个Widget
for (int32 i=0; i<ActiveWidgets.Num(); i++) {
ActiveWidgets[i]->SetScreenPosition(ScreenPositions[i]);
}
}注意：ParallelFor需要包含头文件Async/ParallelFor.h，且ProjectWorldToScreen是线程安全的吗？实际上它调用了PlayerController的Project，而PlayerController并非线程安全，所以此代码仅作示意，实际需加锁或使用渲染线程函数。
技巧：若追求出色性能，可放弃UMG，直接使用Slate或Canvas绘制文字，但复杂度高，一般项目不需要。UMG的Widget Pool已足够。
行业应用与案例
在动作游戏（如《原神》）、MOBA（如《英雄联盟》）中，伤害数字的呈现直接影响打击感。数值飘动速度、是否暴击、颜色变化（白字/黄字）都是视觉反馈的一部分。通过本文的数学建模，你可以自由控制这些参数。例如，暴击数字可以放大1.5倍并添加额外偏移，这些都可以通过修改动画曲线实现。
总结
伤害数字浮动的本质是坐标变换与时间动画的组合。通过理解MVP矩阵和屏幕空间的性质，我们能够选择正确的实现路径，并通过对象池和批量计算优化性能。记住：好的技术方案不是最复杂的，而是最合适的。在项目初期，蓝图原型即可；在后期，C++优化是必然。
关于火星人教育
如果你想深入掌握UE5引擎底层原理与游戏特效实战技巧，火星人教育创办24年来专注数字艺术与AIGC实战职业技能培训，开设UE5游戏特效、AIGC视觉设计、AI漫剧创作等课程，以及室内全屋定制、MAYA三维动画、C4D动态设计、工业设计、NUKE影视后期、摄影摄像实训。北京、深圳双校区开设线下面授班，面向美术生、在校大学生及意向转行的职场人群，以项目化实训教学，夯实专业技能，助力就业与职业提升。咨询电话：010-65918670。欢迎来校体验。
评论(0)