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

效果展示

【UE4 C++】 实现简易背包_第1张图片

【UE4 C++】 实现简易背包_第2张图片

按E拾取之后,物品会出现在背包中,我们可以按I进行背包的开关。
【UE4 C++】 实现简易背包_第3张图片
对点击Use会提示你使用了该物品。
【UE4 C++】 实现简易背包_第4张图片
点击Drop之后可以将物品丢弃
【UE4 C++】 实现简易背包_第5张图片
左键可以移动物品
【UE4 C++】 实现简易背包_第6张图片
移动到另一个物品的时候会融合成一个新的物体:
【UE4 C++】 实现简易背包_第7张图片
然后丢掉~
(直接把我的方块弹飞了)
【UE4 C++】 实现简易背包_第8张图片

实现的整体思路

  • 将可拾取物体的一些基本功能用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, 右击空白处,新建蓝图控件。
【UE4 C++】 实现简易背包_第9张图片
命名为:WB_Ingame,这个UI用来识别物体。

在common中找到Text,拖到图形中去。
【UE4 C++】 实现简易背包_第10张图片
一个放在正中间,text内容为一个点,主要作用是方便我们镜头移动去识别。另一个放在旁边,表示我们识别物体的信息。
【UE4 C++】 实现简易背包_第11张图片
点击展示物体信息的文本,细节面板中找到:
【UE4 C++】 实现简易背包_第12张图片
然后创建绑定:
按照这个蓝图去是实现
【UE4 C++】 实现简易背包_第13张图片
具体思路就是先获取我们玩家的控制器,看能不能成功转化为我们自定义的控制器类型,通过自定义的玩家控制器去获取我们现在的所指的可交互对象,调用可交互对象中的返回物体信息的字符串,然后输送到UI的展示界面。

接下来我们需要将界面展现到我们的游戏中:
点击打开关卡蓝图:
【UE4 C++】 实现简易背包_第14张图片
然后蓝图这么画:
【UE4 C++】 实现简易背包_第15张图片
思路:创建组件,然后展示到界面中。

创建自定义游戏模式

因为只有我们自定义的游戏模式才可以修改属性,把我们的玩家控制器放进去。
创建继承GameMode的C++文件,命名为:GameplayGameMode
然后右击它,创建蓝图。命名为:BP_GameplayGameMode
打开我们的项目设置
【UE4 C++】 实现简易背包_第16张图片
【UE4 C++】 实现简易背包_第17张图片
第一部分完成。

实现背包界面

创建大框架UI

在UI中新建UI控件,命名为:WB_Inventory
创建内容,设计UI:
【UE4 C++】 实现简易背包_第18张图片
图片颜色设置为黑色,稍微透明一点,然后在加上一个Wrap Box。
【UE4 C++】 实现简易背包_第19张图片

创建小组件UI

在UI文件夹中新建控件:C_InventorySlot
【UE4 C++】 实现简易背包_第20张图片
【UE4 C++】 实现简易背包_第21张图片

创建数据类型

我们可拾取的物品有很多,如果一个一个创建小组件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 
};

创建数据表

在此之前,我们需要导入几张图片,做为他们他们标志图片。
在这里插入图片描述
在这里插入图片描述
图片从哪里来的呢?
【UE4 C++】 实现简易背包_第22张图片
双击进去:
取消Grid之后,移动位置进行截图保存在桌面,然后导入即可。
【UE4 C++】 实现简易背包_第23张图片

创建文件夹data, 然后再创建一个文件夹Thumbnail, 在这个文件夹中导入图片。
在data中创建我们的数据表,右击
【UE4 C++】 实现简易背包_第24张图片

进入之后点击加号:
按照这个形式进行填写:
【UE4 C++】 实现简易背包_第25张图片
【UE4 C++】 实现简易背包_第26张图片
在这个里面还需要加一个东西,代表他可以和其他东西融合。
【UE4 C++】 实现简易背包_第27张图片

【UE4 C++】 实现简易背包_第28张图片
这样就解决了之前的麻烦了。
接下来实现按下E键之后,我们的物品到我们的背包中。

拾取操作

打开GameplayGameMode文件
添加:

public:

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

protected:

	UPROPERTY(EditDefaultsOnly)
		class UDataTable* ItemDB;

编译之后,打开BP_GameplayGameMode,在细节面板中添加我们的数据表:
【UE4 C++】 实现简易背包_第29张图片
打开C_InventorySlot
创建变量,命名为:Item
在这里插入图片描述
设置类型为数据表中的类型
【UE4 C++】 实现简易背包_第30张图片
这个眼睛要处于打开状态,这样其他地方就能够访问到他
在这里插入图片描述
点击图片,绑定图片,
【UE4 C++】 实现简易背包_第31张图片
点击文本,绑定名字:
【UE4 C++】 实现简易背包_第32张图片

打开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, 在蓝图中,重新实现它。
【UE4 C++】 实现简易背包_第33张图片
思路:先拿到控制器,控制器中有一个函数就是通过ID去添加这个物品到背包中(这个待会就讲),添加完成之后就把自己删除了。

去绑定按键,项目设置Input中。
【UE4 C++】 实现简易背包_第34张图片
然后就到了这部分的重头戏:

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蓝图中修改添加:
【UE4 C++】 实现简易背包_第35张图片
思路:按一次走A,创建背包控件,按第二次的时候就走B,销毁背包。

但是这个时候打开并没有什么东西出现,这是因为大框架里面的东西都还没有绑定。
接下来完善背包:
打开WB_Inventory
创建新函数:
在这里插入图片描述
【UE4 C++】 实现简易背包_第36张图片
然后在事件图中实现下面的操作:
【UE4 C++】 实现简易背包_第37张图片
思路:当我们的背包打开的时候,将鼠标显示出来,然后加载背包内容,背包关闭的时候把鼠标取消显示。

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

实现背包内的操作

实现使用功能

打开C_InventorySlot,点击Use按钮,在这里插入图片描述
设置为变量,然后拉到最下面,点击加号:
【UE4 C++】 实现简易背包_第38张图片
然后按照下面这个蓝图进行实现:
【UE4 C++】 实现简易背包_第39张图片
思路:点击使用之后,我们要把背包里面的我们点击的这个元素给删除掉(就是FIND那一块的操作),然后把当前显示到背包中的卡片给删除掉,你会发现他生成了一个Actor然后又把他删掉,主要的作用在于调用OnUsed。

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

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

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

然后我们就可以在它的蓝图中实现效果,比如说:可以在BP_Item_Cube中添加:
【UE4 C++】 实现简易背包_第40张图片
那么我们使用的时候就会打印这个字符。

实现丢弃功能

这个和之前那个差不多,只是没有把我们生成的Actor删除而已。
【UE4 C++】 实现简易背包_第41张图片

实现拖拽功能

先在我们的Blueprint文件夹中新建一个蓝图:
【UE4 C++】 实现简易背包_第42张图片
继承DragDropOperation, 它是实现拖拽基础功能的类。
在这里插入图片描述
命名为:InventoryDragDropOperation

创建变量:
【UE4 C++】 实现简易背包_第43张图片
【UE4 C++】 实现简易背包_第44张图片
这个变量是保存我们拖拽物体的信息,用于物体于物体之间的融合。


在UI文件夹中新建一个UI控件,命名为:C_InventorySlot_Drag,
【UE4 C++】 实现简易背包_第45张图片
sizeBox需要设置:
【UE4 C++】 实现简易背包_第46张图片

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

创建变量, Thumbnail,表示拖拽时候的图片:
【UE4 C++】 实现简易背包_第47张图片
【UE4 C++】 实现简易背包_第48张图片

点击图片,查看细节面板,绑定变量:
【UE4 C++】 实现简易背包_第49张图片

打开C_InventorySlot
打开蓝图,重载鼠标左键按键反应:
在这里插入图片描述
【UE4 C++】 实现简易背包_第50张图片

重写OnDragDetected
【UE4 C++】 实现简易背包_第51张图片
思路:将我们设计好的拖拽UI,放到拖拽蓝图中,还要记得把拖拽物体的信息也传输进去。

重写Drop
【UE4 C++】 实现简易背包_第52张图片
思路:实现当拖拽停止的时候调用融合函数。

融合函数实现:
打开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
添加:
【UE4 C++】 实现简易背包_第53张图片

完结撒花!!!

你可能感兴趣的:(游戏开发,visualstudio,c++,ue4)