当前位置: 首页 > news >正文

【UE5】瞬移+马赛克过渡效果

效果

步骤

1. 新建一个工程,创建一个Basic关卡

2. 添加第三人称游戏资源到内容浏览器

3. 新建一个材质,这里命名为“M_Pixel”

打开“M_Pixel”,设置材质域为“后期处理”

在材质图表中添加如下节点

此时效果如下,已经有马赛克的效果了。

继续添加如下节点

4. 打开我们即将控制的角色“BP_ThirdPersonCharacter” 

添加一个后期处理组件

在Construction Script中添加如下节点

选中“创建PostProcessSettings”,勾选使用“Post Process Materials”作为引脚

继续添加如下节点

5. 在世界场景设置中设置游戏模式为第三人称游戏模式

6. 将材质“M_Pixel”中的参数“Radius”改为0,然后运行游戏,可以看到此时游戏画面已经是马赛克了

如果我们将参数“Radius”重新改为2,效果就是正常的

7. 接下来实现转场功能,先新建一个Actor蓝图,这里命名为“BP_Plane”,表示传送的目的地

打开“BP_Plane”,添加一个平面

8. 再新建一个Actor蓝图,命名为“BP_Teleport”,表示传送入口

打开“BP_Teleport”,添加一个平面和一个盒体碰撞组件

为了区别“BP_Plane”,这里将plane改为蓝色

在开始时获取到“BP_Plane”的引用

当玩家进入碰撞区域后获取到角色引用

延迟3s后将玩家控制的角色移动到BP_Plane的位置

在瞬移这3s时间内,玩家无法控制角色

在瞬移的3秒内通过时间轴逐渐修改材质的参数值,使得逐渐呈现马赛克效果

时间轴曲线如下

当玩家离开碰撞区域后(也就是被传走后),反向运行时间取消来让材质参数逐渐复原,从而是的马赛克效果逐渐褪去

此时运行效果如下所示:

参考视频:

https://www.bilibili.com/video/BV1Rj411j7cN/?spm_id_from=333.788&vd_source=36a3e35639c44bb339f59760641390a8

http://www.lryc.cn/news/255220.html

相关文章:

  • 【Skynet 入门实战练习】分布式 ID | 雪花算法 | 缓存设计 | LRU算法 | 数据库
  • ArcGIS Pro中怎么设置标注换行
  • MAX26——快速人物毛发插片工具 Hair cards tool
  • 一天一个设计模式---原型模式
  • <习题集><LeetCode><链表><2/19/21/23/24>
  • C++实现DFS、BFS、Kruskal算法和Prim算法、拓扑排序、Dijkstra算法
  • Spring 依赖注入的三种方式优缺点
  • 代理模式介绍(静态代理、jdk动态代理、cglib代理)
  • 设计模式基础——工厂模式剖析(2/2)
  • spark3.x 读取hudi报错
  • 微信小程序中block和View组件的使用区别
  • 代码混淆技术探究与工具选择
  • selenium 解决 id定位、class定位中,属性值带空格的解决办法
  • gma 空间绘图实战(1):绘制多个子图,连接并展示局部放大区域
  • Unity中C#使用协程控制Shader材质变化
  • WordPress禁止显示指定类别的文章
  • C#里面的泛型(T),泛型类,泛型方法,泛型接口等简单解释
  • C语言——指针(五)
  • 文章解读与仿真程序复现思路——中国电机工程学报EI\CSCD\北大核心《考虑气电联合需求响应的气电综合能源配网系统协调优化运行》
  • PostgreSQL 主键和唯一键的区别
  • 删除表格中的所有绘图
  • Linux卸载Nginx
  • Qt之QGraphicsView —— 笔记1:绘制简单图元(附完整源码)
  • SpringIoC原理
  • 如何对售后服务的全流程进行精细化的管理?
  • SAP UI5 walkthrough step2 Bootstrap
  • Gemini:定义下一代人工智能的里程碑
  • 一些系统日常运维命令和语句
  • 微信小程序uni.chooseImage()无效解决方案
  • Rust深入浅出:编程的深邃大海中的奇妙冒险