UE4 使用UGM制作血条

时间:2023-01-30 18:56:05

声明:本文是自己做的项目,可能不是最好的方法,或有错误使用方式。各位不喜勿喷!

UE4 使用UGM制作血条HP进度

UE4 使用UGM制作血条HP背景

将上面的资源拖到UE4中(使用UE4自带的颜色也可实现效果,具体参考官方教程 https://docs.unrealengine.com/latest/CHN/Engine/UMG/QuickStart/2/index.html)

网上相关教程:https://answers.unrealengine.com/questions/79728/how-to-make-a-progress-bar-in-umg.html

下面是自己的做法:(注意:下面教程中使用了部分的官方教程截图)

一、创建并设置血条的控件蓝图。

1. 在内容浏览器中添加一个控件蓝图,并命名为HP_Widget。  (控件蓝图,即:widget Blueprint)

UE4 使用UGM制作血条

2. 双击刚创建的控件蓝图,并拖进一个Progress Bar

UE4 使用UGM制作血条

3. 按照下图设置progress Bar后,保存

UE4 使用UGM制作血条

UE4 使用UGM制作血条

二、 创建可以添加到游戏中的3D Actor 蓝图类,并命名为HP_Blueprint

直接粘贴了部分官方教程, 见谅。   (对官方教程 感兴趣的可以看下Creating and Adding the 3D Actor to the Game World ,具体见官方教程

注意:将下面MainMenu换成自己的HP_Widget即可。

In this step, we will create the Actor that will contain and display our UI Menu we created in game.

  1. Right-click in the Content Browser, then choose Blueprint from the context menu that appears to create a new Blueprint.

    UE4 使用UGM制作血条

  2. Select Actor from the pop-up menu that appears, give the new Blueprint a name, then save the Blueprint.

    UE4 使用UGM制作血条

  3. Double-click on the new Blueprint to open it up in the Editor, it should open to the Components tab.

    UE4 使用UGM制作血条

    If it does not open up on the Components tab, click the Components tab to jump to it.

  4. Click the Add Component button, then find and select the Widget option.

    UE4 使用UGM制作血条

  5. Give the component a name (such as MainMenu), then click the Compile and Save buttons.

  6. In the Details panel for the new widget component, scroll down to the UI section and under Widget Class, select the MainMenuWidget Blueprint.

    UE4 使用UGM制作血条

  7. You can adjust the Draw Size settings to increase the scale of the widget.

    UE4 使用UGM制作血条

  8. There is also a Max Interaction option which will determine how far away the player can be to interact with the widget.

    UE4 使用UGM制作血条

  9. There are additional options for rendering under the Rendering section (below we have set the component to two sided so the component is visible from behind).

    UE4 使用UGM制作血条

三、给蓝图类添加进度条和朝向摄像机的功能。

1.新建一个蓝图附加对象的变量MyOwner

UE4 使用UGM制作血条

2.新建一个获得蓝图要附加的对象的函数:GetAttachOwner

UE4 使用UGM制作血条

3. 新建一个变量Progress Bar,存储进度条对象

UE4 使用UGM制作血条

4. 新建一个函数GetProgressBar,用来获得进度条对象

UE4 使用UGM制作血条

5. 新建一个函数HpBarLookAtCamera,每帧都使血条朝向摄像机

UE4 使用UGM制作血条

6. 在事件图标中调用各个函数。

UE4 使用UGM制作血条

四、将HPBlueprint蓝图类从资源浏览器中拖到人或怪身上,并设置位置就OK了。

注意:不能通过添加组件的方式HPBlueprint蓝图类。

UE4 使用UGM制作血条

UE4 使用UGM制作血条