目录
1. 创建准星UI
结合之前文章关于UMG的内容，我们可以十分快速地创建一个之子准星的UI，这一部分视频对应课程P20开始。
首先，我们需要调整一下摄像机的位置。如果我们现在运行关卡，会发现游戏角色位于镜头的正中间，这无疑会在操作中遮挡玩家的实现。回忆一下各种第三人称视角的游戏，人物通常位于画面的偏左或偏右的位置。
进入Player的蓝图编辑器，选择弹簧臂组件（SpringArmComp），调整其中的“摄像机”属性。通过设置“长度”可以变化摄像机与角色的距离，设置“插槽偏移”从而在改变相机位置时保持弹簧地碰撞检测的功能。这里大家可以根据自己的喜好自行调节视角，我在这个地方的设置如图18-1：
接下来，在UI文件夹下创建Crosshair_Widget控件蓝图，并添加一个图像控件。通常，十字准星固定在屏幕的正中央。因此，我们设置图像的锚点为屏幕中间点，设置位置X、Y为0，并把X与Y的对齐均设置为0.5。适当调节尺寸X、Y属性，使准星的大小合适。
回到Player蓝图中，在之前添加血量条的位置再把准星加上，同样添加到视口。然后运行关卡，就可以看到屏幕正中间有一个简单的准星了。
2. 调整发射代码
在此前第5节的文章中，我在SurCharacter中的PrimaryAttack使用了GetActorRotation函数来获取角色的旋转，从而使粒子以角色的正前方发射，如图18-5：
在添加十字准星后，我们肯定需要粒子沿着准星发射，即沿着玩家的视角发射。所以，我们只用把PrimaryAttack_TimeElapsed函数中的GetActorRotation()换成GetControlRotation()即可。
但这样的更改可能会带来两个问题：一是反方向（正脸面向摄像头）发射时可能会打中角色自己，这取决于魔法粒子蓝图的设置；二是击中的位置与准星还是存在偏差，尤其在角色朝向左边的时候（角色右手发射）：
第一个问题很容易理解，反方向发射的魔法粒子检测到了自己角色的actor，就触发了OnActorOverlap事件。在此前第11节的内容中，我们已经使用了Instigator判断是不是玩家自己，所以第一个问题我并没有遇到。
但此处还要注意，粒子虽然可以穿过角色，但仍会对角色自己造成伤害。我们控制粒子销毁的功能是在蓝图中实现的，而控制伤害的功能是在代码中实现的（有点混乱，但这是课程出于教学目的的设计），所以我们还需要再C++中添加忽略对玩家造成伤害的代码。代码如下所示，其实就是在之前的基础上在第一个if处添加了对Instigator的判断，和蓝图中的逻辑是一样的。
void ASurMagicProjectile::OnActorOverlap(UPrimitiveComponent* OverlappedComponent, AActor* OtherActor, UPrimitiveComponent* OtherComp, int32 OtherBodyIndex, bool bFromSweep, const FHitResult& SweepResult)
{
//避免攻击者被自己的粒子伤害
if (OtherActor && OtherActor != GetInstigator()) {
//获得AttributeComp
USurAttributeComponent* AttributeComp = Cast<USurAttributeComponent>(OtherActor->GetComponentByClass(USurAttributeComponent::StaticClass()));
// 再次判空，可能碰到的是墙壁、箱子等没有血量的物体
if (AttributeComp) {
// 魔法粒子造成20血量伤害
AttributeComp->ApplyHealthChange(-20.0f);
// 一旦造成伤害就销毁，避免穿过角色继续计算
Destroy();
}
}
}第二个问题就稍微复杂一些，我个人是这样理解的：粒子发射的方向是角色的视角方向，而粒子发射的位置是角色右手。也就是说，只要发射位置不在屏幕正中心，最后粒子的落点一定存在偏移，且距离屏幕中间越远偏移越大。第二个问题的解决暂时代补充。