UEC++ 虚幻5笔记(数字孪生示例) day13

智慧工地系统

制作主UI

UEC++ 虚幻5笔记(数字孪生示例) day13_第1张图片
UEC++ 虚幻5笔记(数字孪生示例) day13_第2张图片
UEC++ 虚幻5笔记(数字孪生示例) day13_第3张图片

日期时间UI制作

  • 添加一个缩放框进行布局用来约束最上面的组件
    UEC++ 虚幻5笔记(数字孪生示例) day13_第4张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第5张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第6张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第7张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第8张图片

车辆情况UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第9张图片

工地UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第10张图片

巡查UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第11张图片

能源UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第12张图片

底部按钮UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第13张图片

摄像头UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第14张图片

职工考勤UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第15张图片

监控与咨询UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第16张图片
UEC++ 虚幻5笔记(数字孪生示例) day13_第17张图片

数据中心UI制作

UEC++ 虚幻5笔记(数字孪生示例) day13_第18张图片
UEC++ 虚幻5笔记(数字孪生示例) day13_第19张图片

更新当前时间

  • 首先将数据中心设置为已折叠
    UEC++ 虚幻5笔记(数字孪生示例) day13_第20张图片

  • 然后创建UI与显示鼠标
    UEC++ 虚幻5笔记(数字孪生示例) day13_第21张图片

  • 在主UI蓝图中设置调用设置时间节点设置时间

  • Now:返回本地时间与日期

  • As Time与As Data:将传入的时间和日期转换为一个文本,格式为使用不变量时区的日期
    UEC++ 虚幻5笔记(数字孪生示例) day13_第22张图片

  • 运行结果
    UEC++ 虚幻5笔记(数字孪生示例) day13_第23张图片

数据中心隐藏与显示

  • 当我们点击数据更新时要打开数据中心页面,我们可以设置逻辑当我们点击数据更新按钮时,显示数据中心页面,再次点击隐藏数据中心页面,可以设置一个bool变量默认为true,为真时设置数据中心页面为可视,bool变量为假,为假时设置数据中心页面为已折叠,bool变量为真
    UEC++ 虚幻5笔记(数字孪生示例) day13_第24张图片
  • 当点击智慧中心时,隐藏左边和右边的UI,也是差不多的逻辑,我们添加一个canvas包含左右两边的UI,就可以只需要隐藏这个canvas达到效果
    UEC++ 虚幻5笔记(数字孪生示例) day13_第25张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第26张图片

滚动文字制作

  • 制作工程介绍的UI
    UEC++ 虚幻5笔记(数字孪生示例) day13_第27张图片
  • 然后设置文字滚动,在Tick里面使用设置滚动偏移节点来控制,这个节点需要一个float变量来控制偏移速率,新建一个float变量用来控制偏移速度,新建一个bool来跳出偏移的结束与开始,当bool为假的时候我们开始偏移float变量加加,偏移大于一个值就将bool设置为真,也就是把这个数值返回给bool也算是偷个懒,因为这个值必定为真,这个值也是一个开始回滚的阀值,bool为真后就进行向上回滚也就是那个阀值减减,一直减到那个阀值为0了给bool变量就会是0了,bool变量就会为假,又开始回滚向下了
    UEC++ 虚幻5笔记(数字孪生示例) day13_第28张图片
  • 然后隐藏这个UI,只有点击工程介绍的时候才会出现这个UI界面
    UEC++ 虚幻5笔记(数字孪生示例) day13_第29张图片

滚动图片制作

  • 制作公司介绍的UI
    UEC++ 虚幻5笔记(数字孪生示例) day13_第30张图片

  • 然后隐藏这个UI,只有点击公司介绍的时候才会出现这个UI界面,点击这个公司介绍时不能打开着其他UI界面
    UEC++ 虚幻5笔记(数字孪生示例) day13_第31张图片

实时监控视频播放

  • 首先要添加Web Browser这个插件
    UEC++ 虚幻5笔记(数字孪生示例) day13_第32张图片
  • 当然这个Web Browser版本有点老需要更新一下,才能使用目前市面上的主流视频,将这个文件复制到虚幻目录下替换一下Engine目录即可
    UEC++ 虚幻5笔记(数字孪生示例) day13_第33张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第34张图片
  • 添加外部浏览器组件
    UEC++ 虚幻5笔记(数字孪生示例) day13_第35张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第36张图片

滚动新闻制作

  • 和滚动图片是一样的,还可以直接在蓝图中复用
    UEC++ 虚幻5笔记(数字孪生示例) day13_第37张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第38张图片

进度条制作

  • 进度条的数据等于当前使用的数据/总数据
    UEC++ 虚幻5笔记(数字孪生示例) day13_第39张图片

滑动条制作

  • 和进度条差不多只不过设置节点函数是滑动条的,用当前情况/设备总数就是滑动条数据
    UEC++ 虚幻5笔记(数字孪生示例) day13_第40张图片

数据与数据中心的联系

  • 因为只是个示例,我们通过读取本地txt读写数据进行与数据中心UI界面联系
  • 创建一个蓝图函数库类,创建一个写入函数与读入函数
  • #include :这是虚幻自带的会提供一些文件的函数,这个是添加在.h文件中,.cpp文件中也加这个头文件
  • .cpp中还要添加头文件
    • #include :提供一些基础的文件操作
    • #include :用于管理不同平台的文件夹一些操作
    • #include "Containers/UnrealString.h":处理虚幻的字符串的一些操作

MyBlueprintFunctionLibrary.h

// Fill out your copyright notice in the Description page of Project Settings.

#pragma once

#include "CoreMinimal.h"
#include "Kismet/BlueprintFunctionLibrary.h"
#include 
#include "MyBlueprintFunctionLibrary.generated.h"

/**
 * 
 */
UCLASS()
class DIGITALTWIN_OBEJCT_API UMyBlueprintFunctionLibrary : public UBlueprintFunctionLibrary
{
	GENERATED_BODY()
public:
	//读取Text文件
	UFUNCTION(BlueprintCallable)
	static FString ReadText(FString FileName);

	//写入Text文件
	UFUNCTION(BlueprintCallable)
	static bool WriteText(FString Content, FString Path);
};

MyBlueprintFunctionLibrary.cpp

  • LoadFileToString:读取文件文本
  • SaveStringToFile:写入文本到文件
// Fill out your copyright notice in the Description page of Project Settings.


#include "MyBlueprintFunctionLibrary.h"
#include 
#include 
#include 
#include "Containers/UnrealString.h"
FString UMyBlueprintFunctionLibrary::ReadText(FString FileName)
{
	FString ResultString;
	//读取文本文件
	FFileHelper::LoadFileToString(ResultString, *(FileName));
	return ResultString;
}

bool UMyBlueprintFunctionLibrary::WriteText(FString Content, FString Path)
{
	bool Result;
	//写入内容
	Result = FFileHelper::SaveStringToFile(Content, *(Path));
	return Result;
}

UEC++ 虚幻5笔记(数字孪生示例) day13_第41张图片
UEC++ 虚幻5笔记(数字孪生示例) day13_第42张图片

  • 运行结果
    UEC++ 虚幻5笔记(数字孪生示例) day13_第43张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第44张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第45张图片
  • 全部逻辑
    UEC++ 虚幻5笔记(数字孪生示例) day13_第46张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第47张图片

UEC++ 虚幻5笔记(数字孪生示例) day13_第48张图片
UEC++ 虚幻5笔记(数字孪生示例) day13_第49张图片
UEC++ 虚幻5笔记(数字孪生示例) day13_第50张图片

滑动条控制时间

  • 下载UltraDynamicSky这个插件,注意对应版本,添加插件里面的天气与天空蓝图替换UE自动生成的
    UEC++ 虚幻5笔记(数字孪生示例) day13_第51张图片
  • 新建一个滑条用来控制天空日出日落,开启滑条以鼠标使用步控制无小数的情况
    UEC++ 虚幻5笔记(数字孪生示例) day13_第52张图片
  • 逻辑获取到那个控件的蓝图,设置它里面的Time Of Day,以达到控制时间的目的
    UEC++ 虚幻5笔记(数字孪生示例) day13_第53张图片

控制天气制作

  • 制作UI
    UEC++ 虚幻5笔记(数字孪生示例) day13_第54张图片

  • 逻辑
    UEC++ 虚幻5笔记(数字孪生示例) day13_第55张图片

使小车与吊机动起来

小车

  • 导入场景,然后新建一个Actor类来写移动逻辑新建一个静态网格,然后建立两个三维向量的变量一个表示起点,一个表示终点,终点要添加meta = MakeEditWidger = true属性,添加一个速度变量,因为要使用定时器,添加延迟时间,时间句柄以及bool变量是否开启插值计算和一个表示距离的变量
	UPROPERTY(VisibleAnywhere, Category = "Properties")
	class UStaticMeshComponent* MyMesh;

	UPROPERTY(VisibleAnywhere, BlueprintReadWrite, Category = "Car")
	FVector StartPoint{};

	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "Car", meta = (MakeEditWidget = "true"))
	FVector EndPoint {};

	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "Car")
	float Speed {};

	UPROPERTY(EditAnywhere, Category = "Car")
	float DelayTime;

	FTimerHandle InterpTimerHandle;
	bool bInterping;
	float Distance;
  • 注意meta = MakeEditWidger = true属性是与Actor自身的相对位置,也就是说在场景中小车所在这个位置与属性所在那个位置是相对Actor来言的,并不是世界位置

  • 实际上属性的位置在这里,也就是属性位置加上原本Actor位置,不要被表明的属性那个标位所误导

  • 使小车来回移动逻辑:初始化速度与来回时间与是否插值一开始为真,然后获取Actor起点与终点世界位置

	Speed = 2.f;
	DelayTime = 2.0f;
	bInterping = true;

// Called when the game starts or when spawned
void AMyActorOne::BeginPlay()
{
	Super::BeginPlay();
	
	//获取Actor的世界位置
	StartPoint = GetActorLocation();
	Distance = EndPoint.Size();
	EndPoint += StartPoint;
}
  • 在Tick中开始抒写逻辑获取当前Actor位置,进行向终点插值,设置移动到的新位置,然后新建一个新距离点,这个距离点实时更新当前位置距离开始位置的距离,判断终点距离减去当前这个距离小于一个很小的距离的时候,说明已经到达终点,是否插值变量为假,开启定时器,进行延迟插值,定时器里面的判断函数就是将是否插值变量为真,为什么这样因为已经到终点了是否插值已经为假取消插值了,定时器延迟秒到了后再次开启插值,最后交换终点与起点位置即可。
// Called every frame
void AMyActorOne::Tick(float DeltaTime)
{
	Super::Tick(DeltaTime);
	FVector CurrentLocation = GetActorLocation();
	FVector NewLocation = FMath::VInterpConstantTo(CurrentLocation, EndPoint, DeltaTime, Speed);
	SetActorLocation(NewLocation);//移动到新位置

	float NewDistance = (GetActorLocation() - StartPoint).Size();

	if (Distance - NewDistance <= 0.5f)
	{
		bInterping = !bInterping;

		//Lambda表达式
		auto InterpState = [this]()
		{
			bInterping = !bInterping;
		};

		//开启定时器
		GetWorldTimerManager().SetTimer(InterpTimerHandle, FTimerDelegate::CreateLambda(InterpState), DelayTime, false);

		//交换起点与终点
		FVector temp = StartPoint;
		StartPoint = EndPoint;
		EndPoint = temp;
	}
}
  • 将这个小车附加到我们写好的这个Actor上即可
MyActorOne.h
// Fill out your copyright notice in the Description page of Project Settings.

#pragma once

#include "CoreMinimal.h"
#include "GameFramework/Actor.h"
#include "MyActorOne.generated.h"

UCLASS()
class DIGITALTWIN_OBEJCT_API AMyActorOne : public AActor
{
	GENERATED_BODY()
	
public:	
	// Sets default values for this actor's properties
	AMyActorOne();

	UPROPERTY(VisibleAnywhere, Category = "Properties")
	class UStaticMeshComponent* MyMesh;

	UPROPERTY(VisibleAnywhere, BlueprintReadWrite, Category = "Car")
	FVector StartPoint{};

	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "Car", meta = (MakeEditWidget = "true"))
	FVector EndPoint {};

	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "Car")
	float Speed {};

	UPROPERTY(EditAnywhere, Category = "Car")
	float DelayTime;

	FTimerHandle InterpTimerHandle;
	bool bInterping;
	float Distance;

protected:
	// Called when the game starts or when spawned
	virtual void BeginPlay() override;

public:	
	// Called every frame
	virtual void Tick(float DeltaTime) override;

};

MyActorOne.cpp
// Fill out your copyright notice in the Description page of Project Settings.


#include "MyActorOne.h"
#include "UObject/ConstructorHelpers.h"
#include "Components/StaticMeshComponent.h"
#include "TimerManager.h"
// Sets default values
AMyActorOne::AMyActorOne()
{
 	// Set this actor to call Tick() every frame.  You can turn this off to improve performance if you don't need it.
	PrimaryActorTick.bCanEverTick = true;
	MyMesh = CreateDefaultSubobject<UStaticMeshComponent>(TEXT("MyMesh"));
	RootComponent = MyMesh;

	ConstructorHelpers::FObjectFinder<UStaticMesh> StaticMeshAsset(TEXT("/Script/Engine.StaticMesh'/Engine/EngineMeshes/Cube.Cube'"));
	ConstructorHelpers::FObjectFinder<UMaterialInterface> MaterialAsset(TEXT("/Script/Engine.Material'/Engine/BasicShapes/BasicShapeMaterial.BasicShapeMaterial'"));
	if (StaticMeshAsset.Succeeded() && MaterialAsset.Succeeded())
	{
		MyMesh->SetStaticMesh(StaticMeshAsset.Object);
		MyMesh->SetMaterial(0, MaterialAsset.Object);
	}

	Speed = 2.f;
	DelayTime = 2.0f;
	bInterping = true;
}

// Called when the game starts or when spawned
void AMyActorOne::BeginPlay()
{
	Super::BeginPlay();
	
	//获取Actor的世界位置
	StartPoint = GetActorLocation();
	Distance = EndPoint.Size();
	EndPoint += StartPoint;
	
}

// Called every frame
void AMyActorOne::Tick(float DeltaTime)
{
	Super::Tick(DeltaTime);
	FVector CurrentLocation = GetActorLocation();
	FVector NewLocation = FMath::VInterpConstantTo(CurrentLocation, EndPoint, DeltaTime, Speed);
	SetActorLocation(NewLocation);//移动到新位置

	float NewDistance = (GetActorLocation() - StartPoint).Size();

	if (Distance - NewDistance <= 0.5f)
	{
		bInterping = !bInterping;

		//Lambda表达式
		auto InterpState = [this]()
		{
			bInterping = !bInterping;
		};

		//开启定时器
		GetWorldTimerManager().SetTimer(InterpTimerHandle, FTimerDelegate::CreateLambda(InterpState), DelayTime, false);

		//交换起点与终点
		FVector temp = StartPoint;
		StartPoint = EndPoint;
		EndPoint = temp;
	}
}

吊机

  • 新建一个Actor编写逻辑使吊机进行转向
  • 新将要移动材质添加到一个组
  • 然后将组的控制移动到吊机中间,鼠标中建进行移动
  • 逻辑:使用一个标识位进行判断转向,当Actor的Yaw大于九十时与小于九十时就行Yaw的减与加即可
	UPROPERTY(EditAnywhere, Category = "Car")
	float RotationRate;

	int a;//标识位
// Called every frame
void AMyActorTwo::Tick(float DeltaTime)
{
	Super::Tick(DeltaTime);

	FRotator CurrentRotation = GetActorRotation();
	if (CurrentRotation.Yaw > 90.f)
	{
		a = 1;
	}
	else if (CurrentRotation.Yaw < -90.f)
	{
		a = 2;
	}
	if (a == 1)
	{
		CurrentRotation = FRotator(CurrentRotation.Pitch, CurrentRotation.Yaw - RotationRate * DeltaTime, CurrentRotation.Roll);
		SetActorRotation(CurrentRotation);
	}
	if (a == 2)
	{
		CurrentRotation = FRotator(CurrentRotation.Pitch, CurrentRotation.Yaw + RotationRate * DeltaTime, CurrentRotation.Roll);
		SetActorRotation(CurrentRotation);
	}
}
MyActorTwo.h
// Fill out your copyright notice in the Description page of Project Settings.

#pragma once

#include "CoreMinimal.h"
#include "GameFramework/Actor.h"
#include "MyActorTwo.generated.h"

UCLASS()
class DIGITALTWIN_OBEJCT_API AMyActorTwo : public AActor
{
	GENERATED_BODY()
	
public:	
	// Sets default values for this actor's properties
	AMyActorTwo();
	UPROPERTY(VisibleAnywhere, Category = "Properties")
	class UStaticMeshComponent* MyMesh;

	UPROPERTY(EditAnywhere, Category = "Car")
	float RotationRate;

	int a;//标识位
protected:
	// Called when the game starts or when spawned
	virtual void BeginPlay() override;

public:	
	// Called every frame
	virtual void Tick(float DeltaTime) override;

};
MyActorTwo.cpp
// Fill out your copyright notice in the Description page of Project Settings.


#include "MyActorTwo.h"
#include "UObject/ConstructorHelpers.h"
#include "Components/StaticMeshComponent.h"
// Sets default values
AMyActorTwo::AMyActorTwo()
{
 	// Set this actor to call Tick() every frame.  You can turn this off to improve performance if you don't need it.
	PrimaryActorTick.bCanEverTick = true;
	MyMesh = CreateDefaultSubobject<UStaticMeshComponent>(TEXT("MyMesh"));
	RootComponent = MyMesh;

	ConstructorHelpers::FObjectFinder<UStaticMesh> StaticMeshAsset(TEXT("/Script/Engine.StaticMesh'/Engine/EngineMeshes/Cube.Cube'"));
	ConstructorHelpers::FObjectFinder<UMaterialInterface> MaterialAsset(TEXT("/Script/Engine.Material'/Engine/BasicShapes/BasicShapeMaterial.BasicShapeMaterial'"));
	if (StaticMeshAsset.Succeeded() && MaterialAsset.Succeeded())
	{
		MyMesh->SetStaticMesh(StaticMeshAsset.Object);
		MyMesh->SetMaterial(0, MaterialAsset.Object);
	}

	RotationRate = 10.f;
}

// Called when the game starts or when spawned
void AMyActorTwo::BeginPlay()
{
	Super::BeginPlay();
	
}

// Called every frame
void AMyActorTwo::Tick(float DeltaTime)
{
	Super::Tick(DeltaTime);

	FRotator CurrentRotation = GetActorRotation();
	if (CurrentRotation.Yaw > 90.f)
	{
		a = 1;
	}
	else if (CurrentRotation.Yaw < -90.f)
	{
		a = 2;
	}
	if (a == 1)
	{
		CurrentRotation = FRotator(CurrentRotation.Pitch, CurrentRotation.Yaw - RotationRate * DeltaTime, CurrentRotation.Roll);
		SetActorRotation(CurrentRotation);
	}
	if (a == 2)
	{
		CurrentRotation = FRotator(CurrentRotation.Pitch, CurrentRotation.Yaw + RotationRate * DeltaTime, CurrentRotation.Roll);
		SetActorRotation(CurrentRotation);
	}
}

展示工地制作

  • 新建一个UI控件,制作要显示的UI
    在这里插入图片描述
  • 新建一个Actor蓝图添加Widget组件,显示我们设计的UI界面
    UEC++ 虚幻5笔记(数字孪生示例) day13_第56张图片
  • 编写逻辑,让这个控件随着我们角色视角移动,将这个蓝图添加到场景中即可
    UEC++ 虚幻5笔记(数字孪生示例) day13_第57张图片
  • 设置到按钮的隐藏逻辑
    UEC++ 虚幻5笔记(数字孪生示例) day13_第58张图片

场地漫游的制作

  • 创建一个玩家出生地
    UEC++ 虚幻5笔记(数字孪生示例) day13_第59张图片
  • 编写逻辑,场景漫游与那四个摄像头位置
    UEC++ 虚幻5笔记(数字孪生示例) day13_第60张图片
    UEC++ 虚幻5笔记(数字孪生示例) day13_第61张图片
  • 此项目学习来自siki学院人人都能学会的UE5初级数字孪生项目https://www.sikiedu.com/my/course/1517

你可能感兴趣的:(UE,C呱呱,c++,ue5,笔记,虚幻,学习)