UE5 C++（十六）— Timeline的使用

最新推荐文章于 2024-04-25 11:31:31 发布
最新推荐文章于 2024-04-25 11:31:31 发布
阅读量1.6k 收藏 26
点赞数 25
分类专栏： UE5 C++ 入门开发 文章标签： ue5 c++ 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40120946/article/details/135498015
版权

文章目录

介绍

这里有官方文档介绍比较详细，我这边简单描述，重在实践。

时间轴（Timeline）可以实现从事件中播放基于时间的动画，这些事件可以沿着时间轴在关键帧处触发。可以使用时间轴来处理简单的非动画任务，例如开门、更改光源或对场景中的Actor执行其他以时间为中心的操纵。

关键组件：UTimelineComponent
包含一系列的 事件（events）、 浮点数（floats）、向量（vectors） 或 颜色（colors） 及其关联的关键帧。这些内容继承自UActorComponents

创建Timeline时间轴

在蓝图中创建

在这里插入图片描述
双击后可以添加浮点曲线等
在这里插入图片描述

在C++中创建

创建一个继承于Actor的C++类 MyTimelineActor，在这个类里写Timeline相关逻辑。在这里插入图片描述
MyTimelineActor.h

#pragma once

#include "CoreMinimal.h"
#include "Components/TimelineComponent.h"
#include "GameFramework/Actor.h"
#include "MyTimelineActor.generated.h"

UCLASS()
class DEMO_API AMyTimelineActor : public AActor
{
	GENERATED_BODY()

public:
	// Sets default values for this actor's properties
	AMyTimelineActor();

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

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

	// 浮点数曲线
	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "MyCurve")
	UCurveFloat *MyCurveFloat;
	// 时间轴组件
	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "MySceneComponent")
	UTimelineComponent *MyTimeline;

	// 声明时间轴回调函数
	FOnTimelineFloat TimelineCallback;
	// 声明时间轴结束事件  时间轴事件(FOnTimelineEvent)是动态委托，为时间轴组件提供处理事件的能力
	FOnTimelineEvent TimelineFinishedCallback;

	// 时间轴开始函数
	UFUNCTION(BlueprintCallable, Category = "MyTimeline")
	void TimelineStart(float Value);
	// 时间轴结束函数
	UFUNCTION(BlueprintCallable, Category = "MyTimeline")
	void TimelineFinished();
};

MyTimelineActor.cpp


#include "MyTimelineActor.h"

// Sets default values
AMyTimelineActor::AMyTimelineActor()
{
	// 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;

	MyTimeline = CreateDefaultSubobject<UTimelineComponent>(TEXT("MyTimeline"));

}

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

	TimelineCallback.BindUFunction(this, FName("TimelineStart"));
	TimelineFinishedCallback.BindUFunction(this, FName("TimelineFinished"));
	// 绑定时间轴曲线
	MyTimeline->AddInterpFloat(MyCurveFloat, TimelineCallback);
	// 
	MyTimeline->SetLooping(false);
	MyTimeline->PlayFromStart();
	MyTimeline->Play();
	MyTimeline->SetTimelineFinishedFunc(TimelineFinishedCallback);
}

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

void AMyTimelineActor::TimelineStart(float Value)
{
	UE_LOG(LogTemp, Warning, TEXT("TimelineStart"));
	GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, FString::Printf(TEXT("TimelineStart")));
}
void AMyTimelineActor::TimelineFinished()
{
	UE_LOG(LogTemp, Warning, TEXT("TimelineFinished"));
	GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, FString::Printf(TEXT("TimelineFinished")));
}

编译之后，创建浮点曲线
在这里插入图片描述
这里添加的浮点曲线，相当于蓝图中添加的浮点曲线
在这里插入图片描述
右键，添加关键帧
在这里插入图片描述
保存之后，创建MyTimelineActor的蓝图类
在这里插入图片描述
添加刚才创建的浮点曲线
在这里插入图片描述
编译，保存之后，拖到场景中运行，打印日志
在这里插入图片描述

在这里插入图片描述

使用Timeline实现开关门

拷贝引用 门模型：/Script/Engine.StaticMesh’/Game/StarterContent/Architecture/Wall_400x400.Wall_400x400’
在这里插入图片描述
MyTimelineActor.h


#pragma once

#include "CoreMinimal.h"
#include "Components/TimelineComponent.h"
// 引入组件
#include "Components/SceneComponent.h"
#include "Components/StaticMeshComponent.h"
#include "Components/BoxComponent.h"
#include "MyCharacter.h"
#include "GameFramework/Actor.h"
#include "MyTimelineActor.generated.h"

UCLASS()
class DEMO_API AMyTimelineActor : public AActor
{
	GENERATED_BODY()

public:
	// Sets default values for this actor's properties
	AMyTimelineActor();

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

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

	// 浮点数曲线
	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "MyCurve")
	UCurveFloat *MyCurveFloat;
	// 时间轴组件
	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "MyScene")
	UTimelineComponent *MyTimeline;

	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "MyScene")
	USceneComponent *MyScene;
	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "MyScene")
	UStaticMeshComponent *MyStaticMesh;
	UPROPERTY(EditAnywhere, BlueprintReadWrite, Category = "MyScene")
	UBoxComponent *MyBox;

	//声明绑定碰撞函数
	UFUNCTION()
	void BeginOverlapFunction(UPrimitiveComponent *OverlappedComponent, AActor *OtherActor, UPrimitiveComponent *OtherComp, int32 OtherBodyIndex, bool bFromSweep, const FHitResult &SweepResult);
	UFUNCTION()
	void EndOverlapFunction(UPrimitiveComponent *OverlappedComponent, AActor *OtherActor, UPrimitiveComponent *OtherComp, int32 OtherBodyIndex);

	// 声明时间轴回调函数
	FOnTimelineFloat TimelineCallback;
	// 声明时间轴结束事件  时间轴事件(FOnTimelineEvent)是动态委托，为时间轴组件提供处理事件的能力
	FOnTimelineEvent TimelineFinishedCallback;

	// 时间轴开始函数
	UFUNCTION(BlueprintCallable, Category = "MyTimeline")
	void TimelineStart(float Value);
	// 时间轴结束函数
	UFUNCTION(BlueprintCallable, Category = "MyTimeline")
	void TimelineFinished();

	
};

MyTimelineActor.h

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

#include "MyTimelineActor.h"

// Sets default values
AMyTimelineActor::AMyTimelineActor()
{
	// 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;

	MyTimeline = CreateDefaultSubobject<UTimelineComponent>(TEXT("MyTimeline"));
	MyScene = CreateDefaultSubobject<USceneComponent>(TEXT("MyScene"));
	MyStaticMesh = CreateDefaultSubobject<UStaticMeshComponent>(TEXT("MyStaticMesh"));
	MyBox = CreateDefaultSubobject<UBoxComponent>(TEXT("MyBox"));
	RootComponent = MyScene;
	MyStaticMesh->SetupAttachment(MyScene);
	MyBox->SetupAttachment(MyScene);
	MyBox->SetRelativeLocation(FVector(200.f, 0.f, 0.f));
	MyBox->SetBoxExtent(FVector(200.f, 80.f, 100.f));

	// note: 这段代码会导致UE5崩溃，原因未知 所以静态Mesh我在蓝图手动添加
	//  	// 添加门的模型
	//  	static ConstructorHelpers::FObjectFinder<UStaticMesh> TempStaticMesh(TEXT("/Script/Engine.StaticMesh'/Game/StarterContent/Architecture/Wall_400x400.Wall_400x400'"));
	//  	if (TempStaticMesh.Succeeded())
	//  	{
	//  		MyStaticMesh->SetStaticMesh(TempStaticMesh.Object);
	//  	}
}

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

	TimelineCallback.BindUFunction(this, FName("TimelineStart"));
	TimelineFinishedCallback.BindUFunction(this, FName("TimelineFinished"));
	// 绑定时间轴曲线
	MyTimeline->AddInterpFloat(MyCurveFloat, TimelineCallback);
	//
	// MyTimeline->SetLooping(false);
	// MyTimeline->PlayFromStart();
	// MyTimeline->Play();
	MyTimeline->SetTimelineFinishedFunc(TimelineFinishedCallback);

	MyBox->OnComponentBeginOverlap.AddDynamic(this, &AMyTimelineActor::BeginOverlapFunction);
	MyBox->OnComponentEndOverlap.AddDynamic(this, &AMyTimelineActor::EndOverlapFunction);
}

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

void AMyTimelineActor::TimelineStart(float Value)
{
	UE_LOG(LogTemp, Warning, TEXT("TimelineStart"));
	GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, FString::Printf(TEXT("TimelineStart")));
	// 旋转门 动画
	float YawRotation = FMath::Lerp(0.f, 90.f, Value);
	MyStaticMesh->SetRelativeRotation(FRotator(0.f, YawRotation, 0.f));
}
void AMyTimelineActor::TimelineFinished()
{
	UE_LOG(LogTemp, Warning, TEXT("TimelineFinished"));
	GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, FString::Printf(TEXT("TimelineFinished")));
}

void AMyTimelineActor::BeginOverlapFunction(UPrimitiveComponent *OverlappedComponent, AActor *OtherActor, UPrimitiveComponent *OtherComp, int32 OtherBodyIndex, bool bFromSweep, const FHitResult &SweepResult)
{
	AMyCharacter *MyCharacter = Cast<AMyCharacter>(OtherActor);
	UE_LOG(LogTemp, Warning, TEXT("BeginOverlapFunction"));
	GEngine->AddOnScreenDebugMessage(-1, 5.f, FColor::Red, FString::Printf(TEXT("BeginOverlapFunction")));
	if (MyCharacter)
	{
		MyTimeline->PlayFromStart();
	}
}
void AMyTimelineActor::EndOverlapFunction(UPrimitiveComponent *OverlappedComponent, AActor *OtherActor, UPrimitiveComponent *OtherComp, int32 OtherBodyIndex)
{
	AMyCharacter *MyCharacter = Cast<AMyCharacter>(OtherActor);
	if (MyCharacter)
	{
		MyTimeline->ReverseFromEnd();
	}
}

编译之后，打开蓝图BP_MyTimelineActor ，调整一下
在这里插入图片描述
在这里插入图片描述
然后拖到场景中，摆放一下位置
在这里插入图片描述
点击运行，人物接触时门自动打开
在这里插入图片描述

iukam
关注
  • 25
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
UE5、CesiumForUnreal实现建筑白模生成及白模美化功能
专注GIS开发
04-20 300
UE5、CesiumForUnreal实现基于GeoJson生成建筑白模并美化功能
svg-timeline：使用SVG创建时间线
02-05
svg-timeline：使用SVG创建时间线
Ue5 虚幻5 如何用蓝图创建一个弹力球(使用时间轴)
qq_29676161的博客
08-02 497
双击时间轴，打开时间轴编辑界面，点击带绿色加号的按钮创建两个轨迹，分别命名为movement和scale，用来控制球的位移和形变。将时间轴长度设置为3，这里的长度就是球运动的周期时长，单位是秒。然后点击编译，回到场景视图，把创建好的BouncingBall拖进场景中，再运行可以发现球在不停地落下然后弹起。现在将左侧栏中sphere用鼠标左键按住拖出来，然后点击获取，得到对目标球体的引用。接下来回到事件图表，会发现时间轴这里多了两个接口，就是刚才创建的两个轴。打开这个蓝图，然后点击添加，选择球体。
Unity 时间轴Timeline动画动态扩展
04-11
Unity 时间轴Timeline动画动态扩展
Vue实现可移动水平时间轴
01-19
本文实例为大家分享了Vue实现可移动水平时间轴的具体代码，供大家参考，具体内容如下 里程碑时间轴具体实现 效果图 编辑里程碑效果图 <!-- --> <div style=wi
Unity Timeline
06-11
Unity3D官方的Timeline案例教程，包含了Active、Animator、Audio、Signal等使用案例
UE学习笔记：时间轴(TimeLine)的使用
热门推荐
少得多惑的博客
08-16 2万+
时间轴能随着时间推移来触发事件，类似于定时器，但时间轴能创建曲线，根据当前时间输出曲线上的值，使用简单。时间轴可用于实现简单的动画，如物体的移动，旋转以及颜色变化等，并且可以正向播放，反向播放，停止播放以及从自己设置的时间开始播放。Update就是每次触发执行的输出节点，Finished是时间结束时的执行节点。 下面实现一个简单的开门动画，首先创建一个ThirdPerson模板...
UE 使用时间轴Timeline来实现动画效果
qq_34256136的博客
11-28 3213
制作一个浮点值变化曲线，1s内从0变化到1。按4创建一个名为HUD的UI，有个名为Image0的图片，按下6时图片逐渐透明，按下5图片逐渐显示。3、添加了两个关键帧，开始帧(0.0,0.0)和结束帧(1.0,90.0)，即物体的旋转角度1s内从0度变化到90度。UE中的时间轴Timeline可以实现一些基于时间的动画效果，比如旋转、移动、变色、透明等等。这样当按下小键盘上的数字1时，物体会从0旋转到90度，按数字2时， 物体会从90旋转到0度。功能：先按0获取物体初始位置，再按1和2物体就会左右移动了。
UE5的TimeLine的理解
ttod的博客
11-21 578
UE5的TimeLine的理解
UE 学习笔记（三）在 C++ 中使用 Timeline
Vonem的博客
09-27 2096
虚幻5 在C++代码中使用 Timeline
【UE4】TimeLine（蓝图）
weixin_44283836的博客
10-26 4489
虚幻4蓝图中TimeLine相关知识点
echarts使用timeline
03-08
echarts3中如何使用timeline，官方的事例代码不是很容易看懂，所以写示例希望也能帮助你搞定timeline，原文地址 http://blog.csdn.net/kebi007/article/details/60882367
timeline:使用d3创建时间表
05-23
d3的时间表 该图表以时间轴或时间表的形式显示了在时间连续体内具有已定义的开始和/或结束的事件。 事件可以是瞬间（仅一个日期）或间隔（开始日期和结束日期）。 时间线由两个波段组成。 上方的带显示时间轴项目，其中包含选定时间轴间隔内的数据。 较低的频段是导航频段； 它只是显示项目的分布。 较低频段中的数字分别显示所选间隔的开始，长度和结束。 单击较低的带并拖动以创建画笔并选择一个间隔。 单击画笔并拖动以移动间隔。 单击画笔的左边界或右边界，然后拖动以调整间隔大小。 单击画笔外部的下带以恢复原始视图。 将鼠标悬停在项目上以显示工具提示。 致谢 这项工作的灵感来自 戴维·弗朗索瓦·休恩（DavidFrançoisHuynh）的“ Simile时间线”（ ）和比尔·邦克（Bill Bunkat）的“使用d3.js的游泳图（ ）。 文件结构 具有以下行结构的任何csv数据文件都可以： 开
时间轴 timeline
02-19
时间轴控件，可以将不同的数据绘制到控件上，目前绘制数据不是很完善。会根据client大小调整显示。支持拖动，支持放大某一小时，可以精确到秒。
CSS-Timeline:使用CSS的简单移动响应时间线
05-06
CSS时间轴 这是发生在2019年和2020年的事件的基本时间表。 它使用CSS3。 所有这些只是我的经验。 它还使用@media查询来在移动设备上获得更好的视图。
【韩国】UE5的MetaHuman确实可以导入Blender进行编辑。
最新发布
子燕若水的博客
04-25 286
根据网络上的信息，你可以将MetaHuman模型导出为FBX文件，然后在Blender中进行修改。此外，还有一个插件叫做Mesh to MetaHuman，它允许你将Blender中的人体模型转换为MetaHuman模型，并将其上传到MetaHuman服务器，之后你可以在Unreal Engine 5中使用2。如果你需要更详细的步骤，可以查看相关的教程视频，它们会提供从导出MetaHuman模型到在Blender中编辑，再到重新导入Unreal Engine 5的完整流程13。
UE5 C++ 项目C#编译目标 链接模块
m0_64217692的博客
04-24 389
Type类型设置为 Editor类型。（当前的项目为编译器服务）Build的环境 设置为 共享。bBuildAllModules 是否编译所有模块 是。（依赖的模块全部都编译）额外模块 中 添加“UnrealGame”，也就是把自己加入额外模块。Type为游戏类型（默认的Game,包含独立游戏，可能服务端客户端一样。并未指明），其他同上。
UE5 GAS开发P41-43 永久效果,去除永久效果,伤害区域,EnumClass,开始重叠与结束重叠事件
weixin_42666952的博客
04-24 565
这一部分学习了怎么创建一个伤害性的地形(火焰地形,毒沼泽等都可以用这个方式创建)AuraEffectActor.h// Fill out your copyright notice in the Description page of Project Settings. #pragma once #include "CoreMinimal.h" #include "GameplayEffect.h" #include "AbilitySystem/AuraAbilitySystemComponentBase
ue4重复执行timeline
03-28
要在UE4中重复执行timeline，可以使用以下方法： 1. 使用循环节点：将Timeline节点放入循环节点中，将循环次数设置为所需的次数或无限循环。这将使Timeline在每次循环中重新开始。 2. 使用事件驱动的循环：将Timeline节点放入事件驱动的循环节点中，例如按键事件或计时器事件。这将使Timeline在每次事件触发时重新开始。 3. 使用延迟节点：在Timeline节点的完成事件中添加一个延迟节点，在延迟结束后重新启动Timeline。这将使Timeline在完成后重新开始。 4. 使用自定义蓝图：创建一个自定义蓝图，其中包含一个Timeline节点和重新启动Timeline的逻辑。然后，可以在需要重复执行Timeline的地方使用该自定义蓝图。 无论使用哪种方法，都应该在Timeline节点的“重复”选项中将其设置为“循环”，以确保它在完成后重新开始。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值