UE5中实现后处理深度描边

后处理深度描边可以通过取得边缘深度变化大的区域进行描边,一方面可以用来做角色的等距内描边,避免了菲尼尔边缘光不整齐的问题,另一方面可以结合场景扫描等特效使用,达到更丰富的效果:

后来解决了开启TAA十字线和锯齿问题,若遇到这2个问题请至文章底部查看。

参考:https://www.bilibili.com/video/BV11e4y1n7dD


1.创建材质函数

我们通过一种卷积算子计算边缘,先创建该算子的材质函数

2.编写材质函数蓝图

该材质蓝图传入偏移值,输出5个UV采样坐标信息。

3.编写核心后处理材质

新建材质球PPS,设置材质球参数类型为Post Process(后处理材质球)。

连接材质球节点,计算描边结果并与场景颜色合并。

将后处理材质挂载于Volume上:

因为直接使用的场景深度,这时候整个场景都被深度描边了:

4.使用自定义深度优化

这不是想要的效果,我们将场景深度改为自定义深度。

框选材质球PPS内的所有SceneTexture:SceneDepth节点 ,进行修改。

多选所有需要深度描边的物体,勾选Render CustomDepth Pass:

最终完成描边效果。


补充,开启TAA时会有十字线的问题,可缩小该系数解决:

关于锯齿问题,可以将后处理的执行位置移动至ToneMapping之前,让引擎自带抗锯齿来进行处理:

相关推荐
Ace'2 分钟前
每日一题&&学习笔记
笔记·学习
IM_DALLA5 分钟前
【Verilog学习日常】—牛客网刷题—Verilog进阶挑战—VL25
学习·fpga开发·verilog学习
丶Darling.33 分钟前
LeetCode Hot100 | Day1 | 二叉树:二叉树的直径
数据结构·c++·学习·算法·leetcode·二叉树
draracle2 小时前
如何将 cryptopp库移植到UE5内
ue5
z樾2 小时前
Github界面学习
学习
道爷我悟了3 小时前
Vue入门-指令学习-v-html
vue.js·学习·html
计算机学姐4 小时前
基于SpringBoot+Vue的在线投票系统
java·vue.js·spring boot·后端·学习·intellij-idea·mybatis
彤银浦4 小时前
python学习记录7
python·学习
少女忧4 小时前
51单片机学习第六课---B站UP主江协科技
科技·学习·51单片机
邓校长的编程课堂6 小时前
助力信息学奥赛-VisuAlgo:提升编程与算法学习的可视化工具
学习·算法