【UE4 C++】实现简易背包

最新推荐文章于 2023-09-02 12:56:22 发布

Tanzq-blog

最新推荐文章于 2023-09-02 12:56:22 发布

阅读量3.4k

点赞数 12

分类专栏：游戏开发文章标签： visualstudio c++ ue4

本文链接：https://blog.csdn.net/qq_46276931/article/details/119347573

版权

游戏开发专栏收录该内容

32 篇文章 35 订阅

订阅专栏

效果展示

在这里插入图片描述

按E拾取之后，物品会出现在背包中，我们可以按I进行背包的开关。
在这里插入图片描述
对点击Use会提示你使用了该物品。

点击Drop之后可以将物品丢弃

左键可以移动物品

移动到另一个物品的时候会融合成一个新的物体：

然后丢掉~
（直接把我的方块弹飞了)

实现的整体思路

将可拾取物体的一些基本功能用C++实现出来，然后添加一个识别物体的UI，提示用E拾取物品。
拾取之后要存储到背包中，将背包的UI实现，背包的UI分为两个部分，一个是大框架，另一个是小结构，可以通过函数调用，将物品按照小结构的形式放到大框架中。
实现小结构的功能，可以拖拽、融合、丢弃、使用。

创建可交互物体

新建一个C++第三人称项目，打开之后新建继承Actor的C++类，命名为：Interactable（为了方便后面理解，这里就给出一个示例名字。）

`Interactable`

.h 文件

声明他的名称和动作行为变量。

UPROPERTY(EditDefaultsOnly)
	FString Name;

UPROPERTY(EditDefaultsOnly)
	FString _Action;

封装物品信息

UFUNCTION(BlueprintCallable, Category = "Pickup")
	FString GetUseText() const { return FString::Printf(TEXT("%s : Press E to %s"), *Name, *_Action);}

.cpp文件

构造函数

初始化变量信息

Name = "Name not set";
_Action = "Interact";

pickup

回到编译器，右键我们刚刚创建的那个类，进行继承，创建C++，命名为：pickup（这里创建的时候忘记把P大写了····）

.h文件

声明静态网格体，并放在保护类型中。

写代码要谨慎一点，万一被别人发现了这个变量是公开可修改的，一个外挂杀过来直接GG。

protected:
	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		UStaticMeshComponent* PickupMesh;

.cpp文件

构造函数

创建静态网格体实例，赋予他物理属性，这个有利于我们后面进行丢弃的真实感。

PickupMesh = CreateDefaultSubobject<UStaticMeshComponent>("PickupMesh");
PickupMesh->SetSimulatePhysics(true);

回到编译器在Content 中新建文件夹Blueprint，右键pickup，继承它创建蓝图。命名为：BP_pickup, 我们需要创建三个实例，右击该蓝图，继承它创建蓝图，命名为：BP_Item_Cube, 静态网格体给个方块。
同理创建BP_Item_chair，给他一个椅子，创建BP_Item_sphere，给它一个球。

创建自定义玩家控制器

为什么要创建自定义玩家控制器？
因为我们的UI是通过玩家控制器来展现在用户面前的。

新建继承PlayerController类的C++文件，命名为：GameplayController。

.h文件

声明公开变量，储存的是控制当前所指的可交互对象。

UPROPERTY(BlueprintReadWrite, VisibleAnywhere)
	class AInteractable* CurrentInteractable;

回到编辑器，右击他创建蓝图。命名为：BP_GameplayController

为角色增添功能

.h文件

在保护类型中声明射线识别函数声明

protected:
	void CheckForInteractables();

每一帧都要对物体进行射线检测，所以要重写Tick函数。

public:
	virtual void Tick(float DeltaTime) override;

.cpp 文件

CheckForInteractables()

添加头文件：

#include "GameplayController.h"
#include "Interactable.h"

这个函数的整体思路就是通过调用LineTraceSingleByChannel，从StartTrace点开始到EndTrace点形成的一个射线中检测是否有接触到设置为可见的、符合QueryParams碰撞信息的对象，对象信息储存在HitResult中。如果有，通过这个碰撞结果去获取对象，判断是否为可交互的对象，如果是的，那么就将玩家控制器中的待拾取物体设置为当前这个物体。

// 射线拾取
FHitResult HitResult; // 存储碰撞的结果的变量

FVector StartTrace = FollowCamera->GetComponentLocation(); // 射线起始点
FVector EndTrace = (FollowCamera->GetForwardVector() * 300) + StartTrace; // 射线终止点。

FCollisionQueryParams QueryParams; // 储存了碰撞相关的信息
QueryParams.AddIgnoredActor(this); // 将我们角色自身忽略掉，减少性能开销

AGameplayController* controller = Cast<AGameplayController>(GetController()); // 玩家控制器

if (GetWorld()->LineTraceSingleByChannel(HitResult, StartTrace, EndTrace, ECC_Visibility, QueryParams) && controller) {
	//检查我们点击的项目是否是一个可交互的项目
	if (AInteractable* Interactable = Cast<AInteractable>(HitResult.GetActor())) {
		controller->CurrentInteractable = Interactable;
		return;
	}
}

//如果我们没有击中任何东西，或者我们击中的东西不是一个可交互的，设置currentinteractable为nullptr
controller->CurrentInteractable = nullptr;

创建UI

在content中新建文件夹，命名为：UI, 右击空白处，新建蓝图控件。
在这里插入图片描述
命名为：WB_Ingame，这个UI用来识别物体。

在common中找到Text，拖到图形中去。
在这里插入图片描述
一个放在正中间，text内容为一个点，主要作用是方便我们镜头移动去识别。另一个放在旁边，表示我们识别物体的信息。

点击展示物体信息的文本，细节面板中找到：

然后创建绑定：
按照这个蓝图去是实现
在这里插入图片描述
具体思路就是先获取我们玩家的控制器，看能不能成功转化为我们自定义的控制器类型，通过自定义的玩家控制器去获取我们现在的所指的可交互对象，调用可交互对象中的返回物体信息的字符串，然后输送到UI的展示界面。

接下来我们需要将界面展现到我们的游戏中：
点击打开关卡蓝图：
在这里插入图片描述
然后蓝图这么画：

思路：创建组件，然后展示到界面中。

创建自定义游戏模式

因为只有我们自定义的游戏模式才可以修改属性，把我们的玩家控制器放进去。
创建继承GameMode的C++文件，命名为：GameplayGameMode。
然后右击它，创建蓝图。命名为：BP_GameplayGameMode
打开我们的项目设置
在这里插入图片描述

第一部分完成。

实现背包界面

创建大框架UI

在UI中新建UI控件，命名为：WB_Inventory。
创建内容，设计UI：
在这里插入图片描述
图片颜色设置为黑色，稍微透明一点，然后在加上一个Wrap Box。

创建小组件UI

在UI文件夹中新建控件：C_InventorySlot。
在这里插入图片描述

创建数据类型

我们可拾取的物品有很多，如果一个一个创建小组件UI会很繁琐，这就与计算机方便性相违背。
这时候我们就需要采用数据表来辅助我们，但是在创建数据表之前，先要定义数据类型。

数据类型定义在第三人称角色中（具体原因不知道为什么。）

// 数据表中的类型定义，数据表如果采用了下面结构体的类型，数据表中就会显示他的所有数据，就有点类似于继承。
USTRUCT(BlueprintType)  // 声明为蓝图类型
struct FInventoryItem : public FTableRowBase {
	GENERATED_BODY();

public:

	FInventoryItem() { // 构造函数 变量进行初始化。
		Name = FText::FromString("Item");
		Action = FText::FromString("Use");
		Description = FText::FromString("Please enter a description for this item");
		Value = 10;
	}


	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		FName ItemID;  // 物品的ID

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		TSubclassOf<class Apickup> Itempickup; // 拾取类型对象

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		FText Name; // 对象名字

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		FText Action; // 对象作用

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		int32 Value;  // 对象的值

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		UTexture2D* Thumbnail; // 储存对象图片信息

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		FText Description; // 对该数据的描述

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		TArray<FCraftingInfo> CraftCombinations; // 储存可以相互融合的物品信息

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		bool bCanBeUsed; // 是否可以被使用

	bool operator == (const FInventoryItem& Item) const { // 重载等于号，如果他们ID相同，就说明他们两个是属于同一种类型。
		if (ItemID == Item.ItemID) return true;
		else return false;
	}
};

接下来我们完善一下融合类型的声明，这个类型写在FInventoryItem 类型的前面。

// 融合类型的定义
USTRUCT(BlueprintType)
struct FCraftingInfo : public FTableRowBase {
	GENERATED_BODY();

public:
	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		FName ComponentID; // 可以融合的物品ID

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		FName ProductID; // 融合之后的物品ID

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		bool bDestroyItemA; //  是否销毁物品A 物品A就是ComponentID所代表的物品

	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		bool bDestroyItemB; //  是否销毁物品B 
};

创建数据表

在此之前，我们需要导入几张图片，做为他们他们标志图片。
在这里插入图片描述

图片从哪里来的呢？

双击进去：
取消Grid之后，移动位置进行截图保存在桌面，然后导入即可。

创建文件夹data，然后再创建一个文件夹Thumbnail，在这个文件夹中导入图片。
在data中创建我们的数据表，右击
在这里插入图片描述

进入之后点击加号：
按照这个形式进行填写：
在这里插入图片描述

在这个里面还需要加一个东西，代表他可以和其他东西融合。

在这里插入图片描述
这样就解决了之前的麻烦了。
接下来实现按下E键之后，我们的物品到我们的背包中。

拾取操作

打开GameplayGameMode文件
添加：

public:

	class UDataTable* GetItemDB() const { return ItemDB; }

protected:

	UPROPERTY(EditDefaultsOnly)
		class UDataTable* ItemDB;

编译之后，打开BP_GameplayGameMode，在细节面板中添加我们的数据表：
在这里插入图片描述
打开C_InventorySlot：
创建变量，命名为：Item

设置类型为数据表中的类型

这个眼睛要处于打开状态，这样其他地方就能够访问到他

点击图片，绑定图片，

点击文本，绑定名字：

打开pickup文件：
头文件添加：

protected:
	// 储存的是我们物品的ID，我们是通过物品ID去添加我到我们的背包
	UPROPERTY(EditAnywhere, BlueprintReadWrite)
		FName ItemID;

在构造函数中初始化他ItemID = FName("Please enter an ID");

打开我们的Interactable文件，添加一个公开函数：

UFUNCTION(BlueprintImplementableEvent)
	void Interact(APlayerController* controller);

代表的是交互操作，这个函数到蓝图中实现，为什么要这么写？
因为交互操作有很多，你可能在这个项目中看不到他的优势，当他不仅仅是按E键拾取物品这个功能的时候，他在蓝图中实现的优势就体现出来了。不直接在C++中写死，让我们的代码更加有拓展性。

那它在我们这个项目中功能的实现在哪里呢？
打开BP_pickup，在蓝图中，重新实现它。
在这里插入图片描述
思路：先拿到控制器，控制器中有一个函数就是通过ID去添加这个物品到背包中（这个待会就讲），添加完成之后就把自己删除了。

去绑定按键，项目设置Input中。
在这里插入图片描述
然后就到了这部分的重头戏：

GameplayController函数添加

在头文件中添加：

需要添加头文件，第三人称角色的头文件，类型在第三人称头文件中。

public:
	// 通过数据ID查找并添加到我们的数据数组中
	UFUNCTION(BlueprintCallable, Category = "Utils")
		void AddItemToInventoryByID(FName ID);

	// 储存背包中的内容
	UPROPERTY(BlueprintReadWrite, VisibleAnywhere)
		TArray<FInventoryItem> Inventory;

protected:
	// 物品交互操作
	void Interact();

	virtual void SetupInputComponent() override;

在CPP文件中添加

添加角色头文件、
#include "GameplayGameMode.h"
#include "Interactable.h"

void AGameplayController::AddItemToInventoryByID(FName ID)
{
	// 从世界中获取真实的游戏模式
	AGameplayGameMode* GameMode = Cast<AGameplayGameMode>(GetWorld()->GetAuthGameMode());
	// 将游戏模式里面定义的数据表拿出来
	UDataTable* ItemTable = GameMode->GetItemDB();

	// 从数据表中查找数据
	FInventoryItem* ItemToAdd = ItemTable->FindRow<FInventoryItem>(ID, "");

	// 如果找到了，那么就添加到我们UI展示的列表中
	if (ItemToAdd) {
		Inventory.Add(*ItemToAdd);
	}
}

void AGameplayController::Interact()
{
	// 按键一按下，如果我们当前识别到了物体，那么就调用物体的交互函数。
	if (CurrentInteractable) {
		CurrentInteractable->Interact(this);
	}
}

void AGameplayController::SetupInputComponent()
{
	Super::SetupInputComponent();
	//将按键与交互函数绑定
	InputComponent->BindAction("Use", IE_Pressed, this, &AGameplayController::Interact);
}

这个时候我们任务移动到物体位置，按下E键，物体会消失，物体到哪里去了呢，背包里啊！背包怎么打开啊，你快告诉我啊。

打开背包

绑定按键：
在这里插入图片描述

然后在BP_GameplayController蓝图中修改添加：
在这里插入图片描述
思路：按一次走A，创建背包控件，按第二次的时候就走B，销毁背包。

但是这个时候打开并没有什么东西出现，这是因为大框架里面的东西都还没有绑定。
接下来完善背包：
打开WB_Inventory
创建新函数：
在这里插入图片描述

然后在事件图中实现下面的操作：

思路：当我们的背包打开的时候，将鼠标显示出来，然后加载背包内容，背包关闭的时候把鼠标取消显示。

这样写会有一点小瑕疵，可以在打开背包的时候只认UI输入，关闭背包的时候只认游戏模式输入，然后需要加一个按钮（或者在其他地方加个条件打开背包的时候不能使用按键，是不是太麻烦了，不知道那些游戏里面是怎么实现的）。

实现背包内的操作

实现使用功能

打开C_InventorySlot，点击Use按钮，在这里插入图片描述
设置为变量，然后拉到最下面，点击加号：

然后按照下面这个蓝图进行实现：

思路：点击使用之后，我们要把背包里面的我们点击的这个元素给删除掉（就是FIND那一块的操作），然后把当前显示到背包中的卡片给删除掉，你会发现他生成了一个Actor然后又把他删掉，主要的作用在于调用OnUsed。

OnUsed 这个函数的意思就是用来实现使用这个Actor之后的效果，比如说，我们人物用了血包，人物要加血，加血这个动作，就是在这个函数中实现。

我们先在pickup.h中给他声明：

UFUNCTION(BlueprintImplementableEvent, BlueprintCallable, Category = "Pickup")
	void OnUsed();

然后我们就可以在它的蓝图中实现效果，比如说：可以在BP_Item_Cube中添加：
在这里插入图片描述
那么我们使用的时候就会打印这个字符。

实现丢弃功能

这个和之前那个差不多，只是没有把我们生成的Actor删除而已。
在这里插入图片描述

实现拖拽功能

先在我们的Blueprint文件夹中新建一个蓝图：
在这里插入图片描述
继承DragDropOperation，它是实现拖拽基础功能的类。

命名为：InventoryDragDropOperation。

创建变量：
在这里插入图片描述

这个变量是保存我们拖拽物体的信息，用于物体于物体之间的融合。

在UI文件夹中新建一个UI控件，命名为：C_InventorySlot_Drag,
在这里插入图片描述
sizeBox需要设置：

这里是设置拖拽的时候的图标，然后给图片绑定图片变量，

创建变量， Thumbnail，表示拖拽时候的图片：
在这里插入图片描述

点击图片，查看细节面板，绑定变量：
在这里插入图片描述

打开C_InventorySlot：
打开蓝图，重载鼠标左键按键反应：
在这里插入图片描述

重写OnDragDetected：
在这里插入图片描述
思路：将我们设计好的拖拽UI，放到拖拽蓝图中，还要记得把拖拽物体的信息也传输进去。

重写Drop：
在这里插入图片描述
思路：实现当拖拽停止的时候调用融合函数。

融合函数实现：
打开C++文件：GameplayController
头文件：

public:

	//重新加载玩家背包-当你对玩家库存做了更改时调用这个, 并且在蓝图可以直接实现他的逻辑。
	UFUNCTION(BlueprintImplementableEvent)
		void ReloadInventory();
		
	// 融合A、B元素 物品A代表正在拖拽的物品， 物品B表示物品B拖到的函数位置所代表的物品
	UFUNCTION(BlueprintCallable, Category = "Utils")
		void CraftItem(FInventoryItem ItemA, FInventoryItem ItemB, AGameplayController* controller);

CPP文件中添加：

void AGameplayController::CraftItem(FInventoryItem ItemA, FInventoryItem ItemB, AGameplayController* controller)
{
	//检查我们是否做了一个操作，或者如果物品不正确，什么都没有做
	// 先在我们待融合的物品B的融合条件中寻找是否有物体A
	for (auto Craft : ItemB.CraftCombinations) {
		// 如果两个可以融合，那么就将融合之后的物品加入到我们的背包中，根据设定判断是否要把融合的两个物体删除。
		if (Craft.ComponentID == ItemA.ItemID) {
			if (Craft.bDestroyItemA) {
				Inventory.RemoveSingle(ItemA);
			}
			if (Craft.bDestroyItemB) {
				Inventory.RemoveSingle(ItemB);
			}
			AddItemToInventoryByID(Craft.ProductID);

			ReloadInventory(); // 更新背包
		}
	}
}

出现了一个蓝图中实现的函数，接下来实现一下：
打开BP_GameplayController
添加：
在这里插入图片描述

完结撒花！！！

Tanzq-blog

关注

12
点赞
踩
42

收藏

觉得还不错? 一键收藏
2
评论
【UE4 C++】实现简易背包

效果展示按E拾取之后，物品会出现在背包中，我们可以按I进行背包的开关。对点击Use会提示你使用了该物品。点击Drop之后可以将物品丢弃左键可以移动物品移动到另一个物品的时候会融合成一个新的物体：然后丢掉~（直接把我的方块弹飞了)实现的整体思路...
复制链接

扫一扫