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

76. UE5 RPG 实现场景阻挡剔除功能

在俯视角游戏中,我们总会碰到一个问题就是,建筑会遮挡住角色的问题。遇到这种问题有多种解决方案,厂商经常使用的一种方案是,如果角色被遮挡,则使用一种纯色或者增加一些菲涅尔的效果来实现
在这里插入图片描述
这种效果我之前在unity内实现过对应的效果,unity urp 实现遮挡显示角色轮廓思路就是获取深度,使用模版测试,获取到被遮挡的区域再重新绘制,这里,我想使用一种新的方式去实现这种,那就是在角色被遮挡时,获取到遮挡角色的模型,将其中间掏空,防止阻挡角色。
这种方案有个弊端就是,游戏模式必须是锁定视角的方案,等实现了,你就明白其中的逻辑。

锁定相机和角色的距离

首先,我们现调解一下相机和角色的距离,它们通过弹簧臂进行链接,如果相机被阻挡,弹簧臂会缩回到不被阻挡的位置,这样就会造成相机靠近角色。我们不想让相机出现这种情况,让相机和角色的距离固定。
实现相机固定,我们需要将可以阻挡相机的建筑的物理设置成忽略
在这里插入图片描述
对于场景中这种立柱类型的,我们将其两个通道都设置为忽略,Visibility主要用于鼠标拾取,我们不需要去拾取柱子
在这里插入图片描述

创建遮挡材质

最重要的就是我们需要一个遮挡后,能够让中心部分不遮挡角色溶解材质,这里我直接实现了一个材质函数。
如果你想创建一个材质函数,可以在材质栏找到
在这里插入图片描述
在材质函数里面,我首先获取到了距离场景中心点的距离,和屏幕中心距离越近,强度就越暗,这里是使用屏幕uv去做的
在这里插入图片描述
为了不让溶解的边缘太过去单调,这里我使用节点生成了一个扰动强度,可以控制扰动的Tilling和移动的速度,这样在溶解的边缘,就可以产生动态的效果,然后增加一个强度,去控制对于中心的值的扰动
在这里插入图片描述
由于Noise生成的值在-1到1之间,所以我们直接将其和距离相加,然后增加一个偏移参数,通过控制偏移的参数来控制溶解的区域
在这里插入图片描述
在材质里面,我们使用MaterialFuntionCall函数,来实现对函数的调用
在这里插入图片描述
在左侧细节这里,可以选择我们需要使用的MaterialFunction
在这里插入图片描述
接着,我们在外部设置它的参数,其实你也可以在函数内部设置,但是项目大了,你不好查找参数到底在哪个Material Function里面
在这里插入图片描述
由于右侧的这些小节点,我是通过添加命令重路由声明节点实现的
在这里插入图片描述
就是基础的PBR
在这里插入图片描述
最终效果预览如下
在这里插入图片描述

创建遮挡蓝图

为了实现这个功能,我们需要在运行时,修改材质的参数,让建筑遮挡角色时,能够溶解掉,这个需要在蓝图内进行逻辑处理。
首先创建一个基于Actor的蓝图类
在这里插入图片描述
将蓝图的帧更新关闭
在这里插入图片描述

在蓝图内增加一个静态网格体组件,并添加一个测试模型
在这里插入图片描述
将模型的碰撞修改掉
在这里插入图片描述

要实现材质的修改,我们的思路是,在构造时,将模型的默认材质存储下来,然后在建筑阻挡角色时,将模型材质替换成溶解材质,运行溶解效果,并在结束时,替换回默认材质节约性能。
材质的性能消耗 半透明 > masked(透明裁剪)> 不透明
我们在蓝图构造阶段,将模型所有的材质都存储为变量,存储数组,因为模型有可能有多个材质实例
在这里插入图片描述
接着,我们创建一个数组,用于存储动态材质实例,首先切换为对象引用
在这里插入图片描述
在右侧切换为数组
在这里插入图片描述
接着,我们需要创建一个溶解材质实例数组,这个数组内存储在阻挡角色时,替换默认的材质时使用的材质。
在这里插入图片描述
在构造函数中,我们首先将模型默认的材质存储下来
在这里插入图片描述
清空动态材质数组,防止多次构造,导致数组内材质过多
在这里插入图片描述
接着使用创建动态材质实例,来生成阻挡时所需的替换材质
在这里插入图片描述
接下来,我们实现一个函数,用来将默认材质替换成动态材质
在这里插入图片描述
然后在事件开始运行时测试效果
在这里插入图片描述
查看效果是否符合预期
在这里插入图片描述
接着,我们创建一个时间轴,实现它的平滑过渡
在这里插入图片描述
我们将创建两个自定义函数用于播放这个时间轴,一个向前播放,一个向后播放,用于修改溶解的强度,如果在时间轴播放完成时,回到了初始位置,我们将模型使用的材质恢复到默认材质
在这里插入图片描述
Reset Material节点就是我们实现的替换默认材质函数
在这里插入图片描述

创建与角色交互遮挡

材质和蓝图我们创建完成了,还有重要的一步,就是模型在遮挡到角色的时候,我们期望它能够溶解,显示角色,在不遮挡的时候,需要使用默认材质去渲染,以减少不必要的性能消耗。
为了实现这个效果,我们需要能够获取到遮挡角色模型,并调用它的FadeIn和FadeOut事件,遮挡实现肯定是通过碰撞检测去实现,对于以后可能会出现多种类型的场景模型蓝图,我们就创建一个专门用于场景溶解的蓝图接口,在碰撞里,将碰撞对象转换为蓝图接口去调用函数。
我们现创建一个蓝图接口
在这里插入图片描述
命名为BI_FadeInterface BI_是蓝图接口的缩写前缀
在这里插入图片描述
在蓝图接口内,我们创建两个函数,继承此接口的蓝图,必须要实现这两个函数
在这里插入图片描述
接着打开蓝图的类设置
在这里插入图片描述
在细节这里,接口项添加上接口
在这里插入图片描述
然后将函数内调用修改为蓝图接口函数调用
在这里插入图片描述
接着打开玩家角色蓝图,我们在角色蓝图的弹簧臂上面添加一个碰撞体
在这里插入图片描述
在这里插入图片描述
为了防止角色挨着墙体时,就触发边缘溶解,我们需要将挂载的碰撞盒子比角色的碰撞胶囊宽度要窄,这个可以通过切换视图查看
在这里插入图片描述
然后修改一个合理的大小
在这里插入图片描述
接下来修改它的碰撞,让其只能够和场景的静态物体产生重叠交互,以减少性能消耗
在这里插入图片描述
注意,它只和世界静态模型产生碰撞交互,所以,我们需要将场景模型设置为静态才可以实现双方的交互
在这里插入图片描述

选中碰撞节点,为其添加一个重叠回调事件
在这里插入图片描述
回调实现就是,判断碰撞对象是否继承了蓝图接口,如果继承,则调用它的FadeOut事件,触发溶解
在这里插入图片描述
如果结束重叠事件,就调用FadeIn
在这里插入图片描述
对于masked的材质,阴影会有问题,我们可以直接关闭其阴影,或者后续使用其它方式解决
在这里插入图片描述
接着测试效果,在柱子后面,会在角色周围显示出角色
在这里插入图片描述
在前方则正常显示
在这里插入图片描述

创建其它溶解蓝图

有了实现的当前蓝图,我们接着再将场景内的巨石的材质修改成它的蓝图子类
在这里插入图片描述
命名这里,我们讲究点,既然是FadeActor,我们以FA_作为前缀,然后以模型的名称作为后缀
在这里插入图片描述
创建完成新的子类蓝图
在这里插入图片描述
进入蓝图,我们首先将它的模型修改掉
在这里插入图片描述

发现它有一个材质
在这里插入图片描述
接着创建一个可以实现遮挡的材质实例
在这里插入图片描述
替换掉蓝图内的参数
在这里插入图片描述
对于复制的位置,我们不需要重新设置一遍,只需要在位置上复制
在这里插入图片描述
然后再点击粘贴
在这里插入图片描述

bug修复

我们发现一个bug,就是楼梯这种,需要对鼠标交互的这种产生交互,所以,我们需要在于阻挡玩家角色时,将其的可视性的碰撞通道关闭,这样,它就无法通过点击移动,在正常情况下时,我们需要开启通道。
所以,我们增加一个布尔变量,所有子蓝图可以通过设置此值设置是否需要交互,我们并在时间轴结束时,设置它
在这里插入图片描述
然后在时间轴结束时调用
在这里插入图片描述
楼梯这种,在碰撞时,默认开启,或者在场景的蓝图实例中设置也可以
在这里插入图片描述
如果需要在场景中设置,我们需要将变量的眼睛打开
在这里插入图片描述

相关文章:

  • 微信小程序监听手机系统自带的左右滑动返回事件
  • Day47
  • 深度学习原理与Pytorch实战
  • LabVIEW与PLC通讯方式及比较
  • python selenium 打开网页
  • Unity解决报错:Execution failed for task ‘:unityLibrary:BuildIl2CppTask‘
  • 淘客返利平台的API设计与安全
  • 在postgrel中使用hints
  • 等保2.0安全计算环境解读
  • 【0299】Postgres内核之哈希表(Hash Tables)
  • FIO压测磁盘性能以及需要注意的问题
  • 下标引用操作符;函数调用操作符;结构成员访问操作符
  • MySQL-核心知识要点
  • 基于大语言模型的本地知识库问答(离线部署)
  • vue3开发过程中遇到的一些问题记录
  • python3.6+scrapy+mysql 爬虫实战
  • AHK 中 = 和 == 等比较运算符的用法
  • Docker容器管理
  • ES6 学习笔记(一)let,const和解构赋值
  • JS进阶 - JS 、JS-Web-API与DOM、BOM
  • PHP 7 修改了什么呢 -- 2
  • Promise面试题2实现异步串行执行
  • Python学习之路13-记分
  • 工程优化暨babel升级小记
  • 官方解决所有 npm 全局安装权限问题
  • 今年的LC3大会没了?
  • 坑!为什么View.startAnimation不起作用?
  • 聊聊hikari连接池的leakDetectionThreshold
  • 前端代码风格自动化系列(二)之Commitlint
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • 交换综合实验一
  • 数据库巡检项
  • 支付宝花15年解决的这个问题,顶得上做出十个支付宝 ...
  • ​马来语翻译中文去哪比较好?
  • #Linux(帮助手册)
  • (30)数组元素和与数字和的绝对差
  • (附源码)springboot 房产中介系统 毕业设计 312341
  • (简单有案例)前端实现主题切换、动态换肤的两种简单方式
  • (一)Neo4j下载安装以及初次使用
  • (原創) 如何解决make kernel时『clock skew detected』的warning? (OS) (Linux)
  • (转)从零实现3D图像引擎:(8)参数化直线与3D平面函数库
  • ****** 二 ******、软设笔记【数据结构】-KMP算法、树、二叉树
  • .NET Core 网络数据采集 -- 使用AngleSharp做html解析
  • .Net接口调试与案例
  • .NET性能优化(文摘)
  • ?
  • @property括号内属性讲解
  • @RequestBody详解:用于获取请求体中的Json格式参数
  • [AutoSar]BSW_Memory_Stack_004 创建一个简单NV block并调试
  • [AX]AX2012 SSRS报表Drill through action
  • [c]扫雷
  • [CVPR2021]Birds of a Feather: Capturing Avian Shape Models from Images
  • [DevOps云实践] 彻底删除AWS云资源
  • [ITIL学习笔记]之事件管理(2)
  • [JavaWeb]——获取请求参数的方式(全面!!!)