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

【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.kler.cn/news/162071.html

相关文章:

  • mixamo根动画导入UE5问题:滑铲
  • NGINX相关配置
  • Apache solr XXE 漏洞(CVE-2017-12629)
  • webrtc 设置不获取鼠标 启用回声消除
  • Java 简易版 TCP(一对一)聊天
  • python pyaudio显示音频波形图
  • FPGA模块——SPI协议(读写FLASH)
  • UDP协议实现群聊
  • 云架构的思考3--云上开发
  • AI自动生成代码工具
  • HTTP 缓存机制
  • Leetcode刷题笔记——摩尔投票法
  • 【无线网络技术】——无线个域网(学习笔记)
  • 『亚马逊云科技产品测评』活动征文|基于亚马逊云EC2搭建PG开源数据库
  • Linux指令学习
  • 第二十一章总结
  • centOS使用docker部署ElasticSearch和Kibana
  • 深入浅出理解kafka ---- 万字总结
  • Wi-Fi 认证过程【 802.11 协议】
  • rust高级 异步编程 一 future
  • flutter添加全局水印
  • 分类变量组间差异分析
  • Vue 防止页面闪烁 v-cloak
  • 通讯app:
  • Maven基础知识
  • ingress介绍和ingress通过LoadBalancer暴露服务配置
  • GateWay的路由与全局过滤器
  • Linux中的网络时间服务器
  • 新书推荐——《Copilot和ChatGPT编程体验:挑战24个正则表达式难题》
  • 『TypeScript』从零开始编写你的第一个TypeScript程序