UE4第一人称游戏 ——（3）添加准星

电玩女神 2022-10-07 07:55 454阅读 0赞

# 1. UE4官方教程HUD #

官方代码有点问题， 修改后如下

// Fill out your copyright notice in the Description page of Project Settings.
    
    #pragma once
    
    #include "CoreMinimal.h"
    #include "GameFramework/HUD.h"
    #include "Engine/Canvas.h" 
    #include "FPSHUD.generated.h"
    
    /**
     * 
     */
    UCLASS()
    class NEWWORLD_API AFPSHUD : public AHUD
    {
    	GENERATED_BODY()
    
    public:
    	// HUD绘制的主要调用。
    	virtual void DrawHUD() override;
    
    
    protected:
    	// 将被绘制在屏幕中心。
    	UPROPERTY(EditDefaultsOnly)
    		UTexture2D* CrosshairTexture;
    };

// Fill out your copyright notice in the Description page of Project Settings.
    
    
    #include "FPSHUD.h"
    
    void AFPSHUD::DrawHUD()
    {
    	Super::DrawHUD();
    
    	if (CrosshairTexture)
    	{
    		// 找出我们的画布的中心点。
    		FVector2D Center(Canvas->ClipX * 0.5f, Canvas->ClipY * 0.5f);
    
    		// 偏移纹理大小的一半，以便纹理中心与画布中心对齐。
    		FVector2D CrossHairDrawPosition(Center.X - (CrosshairTexture->GetSurfaceWidth() * 0.5f), Center.Y - (CrosshairTexture->GetSurfaceHeight() * 0.5f));
    
    		// 在中心点绘制十字准星。
    		FCanvasTileItem TileItem(CrossHairDrawPosition, CrosshairTexture->Resource, FLinearColor::Blue);
    		TileItem.BlendMode = SE_BLEND_Translucent;
    		Canvas->DrawItem(TileItem);
    	}
    }

# 2. 建蓝图 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 1][]

# 3. 设置默认HUD #

建完蓝图发现没法设置默认HUD，仔细看教程发现要建游戏模式蓝图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 2][]

建完之后可以在项目设置里面，地图和模式，选择游戏模式、默认pawn、默认HUD

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 3][]

# 4. 给默认HUD加纹理 #

自己用PS弄一个十字星，40\*40大小

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 4][]把十字星保存成图片，直接拖进UE4，拖进去显示不全，点进去显示正常

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 6][]

双击点开HUD蓝图给HUD加个纹理，直接搜索图片名字Cross

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 7][]

搞定收工睡觉

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 8][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70]: /images/20221005/366676fcf00b47fd990771af1e27cac1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 1]: /images/20221005/7a49d75c64904cbe87b7f47b109a600b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 2]: /images/20221005/2fc55a408b00448792559d6e37c3ecad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 3]: /images/20221005/782df6d6f3504490b78b26f87d41991c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 4]: /images/20221005/ac6888045ca84f73b9a8aa277e9565b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 5]: /images/20221005/560a4799ba5b4c5d874a0b16af8d81a6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 6]: /images/20221005/ae61ed1742f74e1198de88540781123c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 7]: /images/20221005/2c382cfbccb04e5a8aaab025dc6e4aed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1Njk3OTc4_size_16_color_FFFFFF_t_70 8]: /images/20221005/bae2e72d334243498f8defe0aa094ccd.png