UE5 Shader基础学习笔记——13-20 DetailNormal/Smoothstep/Length/CeilFloorRound/DDXDDY/SinCos/Power

最新推荐文章于 2024-06-17 10:02:56 发布
最新推荐文章于 2024-06-17 10:02:56 发布
阅读量2k 收藏 14
点赞数 2
分类专栏： UE5 Shader基础学习笔记 文章标签： ue5 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43803133/article/details/127408880
版权

UE5 Shader基础学习笔记——13-20 DetailNormal/Smoothstep/Length/CeilFloorRound/DDXDDY/SinCos/Power

本系列学习资料来源，Ben Cloward的油管空间，本笔记主要对其中UE的部分进行记录

Lec13 Detail Normal Mapping

使用Quixel的一个岩石资产（PkeeM）作为演示，拉太近之后纹理会比较模糊
在这里插入图片描述
可以使用Detail Normal增加细节，所谓Detail Normal就是再拿一张法线纹理，平铺很多次，进行法线混合覆盖在上面

Ben在视频中使用的DetailNormal如下，RG是法线，B是粗糙度，A是用于颜色Overlay的mask
由于有很多信息，所以在导入UE时使用BC7格式压缩，并且取消SRGB
在这里插入图片描述
使用如下
在这里插入图片描述
此时放大近看可以看到细节
在这里插入图片描述
不过这样是一直在计算DetailNormal，实际使用时为了让其不一直计算，可以在较低的Lod中舍弃这个，或者创建一个基于距离的mask，靠近时再计算

Lec14 Advanced Detail Mapping (etc.灰度mask)

在这节使用一张纹理mask将多个Detail进行映射
整个实现如下图，也就是RGBA四个通道各画一个Mask分别用不同的图

在这里插入图片描述
这样是消耗比较高的，于是可以用UE的TextureArray来改善，创建TextureArray后插入要用的图
在这里插入图片描述
采样TextureArray需要UVW三个参数，UV正常采样，W用于选择贴图
为了分出用什么贴图，可以在mask上使用不同灰度值，这样实现更加节省性能，W用灰度值映射
在这里插入图片描述
在这里插入图片描述
从评论中节选出一些问题

  • TextureArray会只加载一个mip，无法利用Streaming的优势，但对于detail来说没问题，毕竟detail只在特写中需要。Ben关于这个的建议是使用低分辨率的TextureArray，然后应用所有角色，一直在内存中也没事。
    在这里插入图片描述
  • 关于如何在mask中单独设置每个纹理的UV平铺，如果使用了if节点来设置就没有意义了。
    Ben的回复是之前在开发圣歌的时候尝试做过但是这种尝试并不干净，他决定使用一个全局的统一的分辨率控制缩放。Ben提议可以将纹理缩放倍数也编码为灰度颜色读取，但是会在边界上产生一些奇怪的结果，在涉及纹理压缩和低mipmap时尤为明显。
    在圣歌的开发中，Ben让艺术家在一个mask上使用16种材质，texture array设置有16份贴图，分辨率为64*64
    在这里插入图片描述
  • 如果想要使用mask之间过渡，可以采用最开始分通道存储mask的方式
    在这里插入图片描述
  • 也有人提出问题，UE更适合多种材质插槽，使用多种简单的材质更好。Ben觉得使用一个材质可以减少DrawCall。
    在这里插入图片描述

这种用灰度分mask的方法在其他游戏中也会用到，比如原神中根据不同灰度选择不同Ramp
在这里插入图片描述

Lec15 Smoothstep (etc.溶解/高度混合)

关于Smoothstep，可以看看
常用函数SmoothStep的实现原理
Shader实验室: smoothstep函数
推荐使用 Desmos这个网站 来画函数图像

SmoothStep(float edgo0,float edge1, float x);

edge0是样条线插值的下界，edge1是样条线插值的上界，当x小于下界返回0，当x大于上界返回1，介于上界下界之间返回一个平滑的曲线。
在这里插入图片描述
如下图对UV坐标在0.6和0.7之间Smoothstep
在这里插入图片描述

数学上就是这些，下面有一些例子，比如溶解

sin(time)映射到0~1，将噪声图在两个值之间Smoothstep，边缘有0.03厚度进行溶解
在这里插入图片描述
在这里插入图片描述
对溶解做一些改进，再加一组Smoothstep，但是稍微偏移一点，两者相减，溶解就只剩边缘了，有一种扫描的效果
在这里插入图片描述
在这里插入图片描述
还有个例子，Smoothstep也可以用在地形材质的高度混合
Building Worlds In Unreal 学习笔记——15-19 高度图地形专题&地形自动材质专题
首先拉一个渐变范围，然后让smoothstep去调整渐变的范围
在这里插入图片描述
Smoothstep对调整范围很有帮助，因为有最大值最小值可以控制

Lec16 Length & Distance (etc.摇摆/内部假光)

Length输入一个向量计算长度，Distance输入起止点计算长度，下图上下是等效的
在这里插入图片描述

下面这个例子将局部坐标Z值与下面的点计算距离作为遮罩，进行横向移动，达到摇摆的效果
在这里插入图片描述
在这里插入图片描述

下面的例子结构和摇摆的类似，不过这次将移动的sin作为测量距离的点，将距离pow之后作为自发光，得到一种虚假光源的效果
在这里插入图片描述
在这里插入图片描述
和sdf进行Ray Marching有类似的思路，通过描述距离来实现效果 案例学习——Unity体绘制shader初探

Lec17 Ceil Floor Round (etc.色阶)

Ceil 向上取整
Floor 向下取整
Round 四舍五入

举例 半兰伯特分色阶
在这里插入图片描述

Lec18 DDX DDY (etc.面片法线,纹理mip计算)

相邻像素之间求导
在这里插入图片描述
DDX和DDY叉乘可以得到法线，用于隐藏呈现面片感的树叶
UE4 Material 101学习笔记——30-37 植物叶片（透光/mask/面片隐藏/法线调整/AO/渐隐/世界空间色彩/随风舞动）
在这里插入图片描述
接着来DDXDDY还能修复HDR的latlong贴图
在这里插入图片描述
在这里插入图片描述
图片衔接处会有一个像素的白线，产生的原因是边界的不连续，交界处UV从0跳转到1，此时选择Mipmap出错，于是出现这个问题
在这里插入图片描述
解决办法选择Dericative模式作为MipValueMode，将UV坐标作为DDXDDY输入，对于极坐标等也很有帮助
在这里插入图片描述
在这里插入图片描述
在HLSL中，这个功能相当于 tex2Dgrad(s,t,ddx,ddy)函数 使用微分并指定MIP层的二维纹理查找

DDXDDY还能用于将凹凸贴图转为法线贴图，下面这些节点的功能相当于PerturbNormalLQ
在这里插入图片描述

Lec19 Sin Cos (etc.涟漪)

正弦余弦的定义不再赘述
注意在UE中，sin和cos的周期是1，需要自己在参数栏设置成2pi才会是正常的sin，cos的速度
在这里插入图片描述

sin和cos的使用这里ben佬给出了几个例子
第一个调整幅度
在这里插入图片描述

第二个则可以利用径向渐变来实现ripple
在这里插入图片描述
在这里插入图片描述
更进阶的ripple做法
UE4 Material 101学习笔记——13-18 完整的雨水着色器

第三个是用sin进行运动（加个sin就和弹跳动画一样）
在这里插入图片描述
第四个是旋转UV
在这里插入图片描述

Lec20 Power

幂运算的定义也不再赘述
power可以用于对比度调整，可以用于NdotV菲涅尔的调整，又比如power2.2和gamma校正一样
power性能比较昂贵，引擎也会做一些优化，比如二次方自动用硬编码的自身相乘替代

清清！
关注
  • 2
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
关于UE shader
weixin_43958768的博客
01-12 3279
关于UE shader 查询了一些别人的观点，自己做个笔记 材质=shader+贴图 unreal是否使用shader？ 官方建议：不要使用，基础不好的话优化不行 如果是为了完成项目(效率高)，使用材质编辑器的內置函数（足够支持99%的材质需求） 高级一点的渲染，如 烟雾，流体，使用shader（现在也可以用材质或者粒子表现出来） 材质编辑器中不能使用循环，但是可以使用时间函数time 事实上也只...
Unity shader入门精要学习笔记-代码篇5（环境映射的立方体纹理/反射/菲涅尔反射/镜子效果/玻璃效果/程序纹理）
louxiasang的博客
03-20 417
一、环境映射的立方体纹理 1.挂脚本：我们使用一个RenderCubemapWizard.cs脚本，放到Assets的Editor下面，这样我们在菜单栏就可以看到有一个新的选项 2.创建一个空的gameobject，新建一个立方体纹理 ！这里的cubemap在创建-旧版-立方体贴图里面！！ 勾选readable 3.打开render into cubemap，把第二步创建的gameobject和立方体纹理拖拽到打开窗口 4.点击render！渲染 调整下渲染出来的立方体纹理分辨率越大效果越
UE | Shader | 在UE中添加全局Shader
阴无月的博客
02-22 1395
在UE引擎中添加全局Shader
UE Shader 从材质编辑器到 HLSL
最新发布
博客标题
06-17 158
文章是之前写在Notion上的，来回转换太麻烦，所以直接链接到Notion原文。不是转载，单纯的懒。
UE5 Shader基础学习笔记——01-12 图形管线/创建shader/数学节点/贴图压缩/LerpDotUV/常用向量/坐标空间/MinMaxClampSaturate/法线贴图混合
清清！的博客
10-19 4737
本系列学习资料来源，Ben Cloward的油管空间，本笔记主要对其中UE的部分进行记录。
UE地形系统材质混合实现和Shader生成分析(UE5 5.2)
qq_29523119的博客
11-12 2284
随着电脑和手机硬件性能越来越高，游戏越来越追求大世界，而大世界非常核心的一环是地形系统，地形系统两大构成因素：高度和多材质混合，此篇文章介绍下UE4/UE5 地形的材质混合方案----基于WeightMap混合。
UE自定义Shader
m0_55534317的博客
03-07 1918
该文章是学习bilibili多个HLSL网课的记录，感谢那些网课的作者，他们都是很厉害的程序员，我只是做个笔记而已，并不是知识的创造者
分享一个UE的SmoothStep小技巧
UE4引擎技术分享
02-23 639
并且通过修改value与min之间的数值差，可以调节渐变。这个技巧主要就是可以产生硬边。
Unity shader入门精要学习笔记-代码篇6（序列帧动画/滚动背景/流动河流/广告牌/顶点动画的阴影）
louxiasang的博客
03-22 562
一、序列帧动画 建立一个四边形对着摄像机。 我们需要一张序列帧图像，这里用到8x8的爆炸图。 给四边形上材质和shader，代码如下： Shader "Custom/NewSurfaceShader" { Properties { _Color ("Color Tint", Color) = (1, 1, 1, 1) _MainTex ("Image Sequence", 2D) = "white" {} _HorizontalAmount ("Horizontal Amo
Unity Shader入门精要学习笔记——15章 15.1 消融效果
m0_37686228的博客
09-18 302
目录目标效果准备过程消失效果烧焦颜色的过渡函数 目标效果 消失效果 烧焦颜色的过渡 准备 漫反射纹理，作为基础颜色 法线纹理，计算颜色 噪声纹理 过程 消失效果 a = 噪声纹理burn.r – 消失程度 a<0的话, clip函数直接返回 烧焦颜色的过渡 t = 1 - soomthstep(0, 烧焦宽度，a) burn.r 1》0 = 白》黑 函数 clip(a) //a<0时直接返回 step (a, x){ if (a >= x) { return 0
Unity Shader入门精要学习笔记 - 第15章 使用噪声
那远远的云端
01-04 2780
Unity Shader入门精要学习笔记 - 第15章 使用噪声本系列为UnityShader入门精要读书笔记总结， 原作者博客链接：http://blog.csdn.net/candycat1992/article/ 书籍链接：http://product.dangdang.com/23972910.html第15章 使用噪声很多时候， 向规则的事物里添加一些“ 杂乱无章” 的效果往往会有意
《Real-Time Rendering》第四版学习笔记——Chapter 5 Shading Basics（一）
董小虫的专栏
02-09 698
《Real-Time Rendering》第四版学习笔记——第五章（一）
ue4-shader相关
.
05-10 599
title: ue4-shader相关 categories: UnrealEngine4-Shader tags: [ue4, shader, hlsl] date: 2019-05-01 17:06:25 comments: false ue4-shader相关 前篇 Shader Development - https://docs.unrealengine.com/latest...
UE5 中的computer shader使用
爱编程的鱼的博客
11-23 930
【代码】UE5 中的computer shader使用。
UE渲染体系week07_Shader体系
qq_35312463的博客
04-30 260
剖析虚幻渲染体系（07）- 后处理 转载博客园0向往0大佬的虚幻体系解析，目前看到最赞的教程（如有侵权，联系删除）。
UE4 Shader 框架（转载）
jiangdengc的专栏
03-13 8727
Trace的空间 关注跨平台次世代游戏开发 博客园 首页 新随笔 联系 订阅 管理 随笔-88  文章-0  评论-69  关于Shader的跨平台方案的考虑   Apple 推出 metal后，除了新的metal framewrok外，也多了一种新的shader语言，最近工作也做了一些metal移植的
UE4 Shader&绘制过程笔记
weixin_44212242的博客
05-13 2704
UE4渲染学习随笔，个人笔记，算是一种记录，建议先看我给的原文链接，膜拜大佬，然后才有自己体会。
UE GlobalShader学习攻略
weixin_44212242的博客
05-17 613
记录如何学习UE GlobalShader的方法，而不是如何做一个GlobalShader的教程。
理解shader：从基础到Step与Smoothstep
在这篇名为“shader学习笔记1”的文章中，作者探讨了有关shader的基础知识，特别是Unity引擎中的应用。Shader是一种在GPU（图形处理器）上运行的程序，它允许开发者直接控制图形渲染过程，以实现各种视觉效果。随着...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值