在UE5中使用视差贴图

视差贴图是一项不用改动模型顶点,通过对相机向量进行计算、修改通过视差实现模型凹凸感的技术,通常运用于地面,配合法线贴图增强凹凸表现。

UE中封装了视差贴图节点ParallaxOcclusionMapping,可以很方便的制作出效果较好的视差效果。

(左 未开视差,右 开启POM视差)

1.视差贴图的类型

视差贴图实现及性能消耗方面从易到难,大致有几种类型:

  • 基本视差映射,对观察向量结合高度图,乘以一个系数进行拉伸,实现起来最简单,开销也最低。
  • 陡峭视差映射,通过多次循环迭代采样,可以实现遮蔽效果,但性能最差
  • 浮雕视差映射,多次循环迭代采样,但做了二分法优化,性能较差
  • POM视差遮蔽映射,UE中采用的方案,结合陡峭视差和浮雕视差,做了步进迭代优化,性能和画面适中的一种方案

2.视差实现

UE并没有将视差作为输出节点开放,而是通过计算视差的节点得到偏移后的UV等信息,节点如下:

简单起见,没有开启视差阴影。其中HeightRatio表示视差偏移量。MaxSteps设置较高会影响性能,一般设置32较合理。HeightmapTexture为传入高度图。

这里使用一张白色方块贴图,测试视差效果:

可见,是通过类似视觉偏移的方式,采样多次实现视差感。

最后,看一下视差节点得到的数值如何输出:


出处参考:https://www.bilibili.com/video/BV1Va4y1f7i5

相关推荐
AI绘画哇哒哒1 小时前
【收藏必看】大模型智能体六大设计模式详解:从ReAct到Agentic RAG,构建可靠AI系统
人工智能·学习·ai·语言模型·程序员·产品经理·转行
小奶包他干奶奶5 小时前
Webpack学习——Loader(文件转换器)
前端·学习·webpack
小奶包他干奶奶5 小时前
Webpack学习——原理理解
学习·webpack·devops
励志成为美貌才华为一体的女子5 小时前
强化学习PPO和GRPO逻辑学习
学习
meichaoWen6 小时前
【Vue3】vue3的全面学习(一)
前端·javascript·学习
FFF团团员9096 小时前
树莓派学习笔记3:LED和Button
笔记·学习
5***o5007 小时前
PHP在电商中的支付集成
sql·ue5·rizomuv
wdfk_prog9 小时前
[Linux]学习笔记系列 -- [block]bio
linux·笔记·学习
90848690511 小时前
文旅业务相关前沿技术应用
学习·产品经理
GIS学姐嘉欣11 小时前
地信、测绘、遥感等专业免费学习网站推荐
学习·gis开发·webgis