Unity Shader - SSS皮肤

已于 2022-11-22 11:54:14 修改
阅读量4.9k 收藏 8
点赞数 3
分类专栏： unity unity-shader 文章标签： unity 游戏引擎
于 2022-09-30 21:36:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linjf520/article/details/127129230
版权

文章目录

声明

以下 素材 是 “合理参考” 得到的
仅当学习、参考用，也不可能公开
如果有侵权，请告诉我，我马上删除掉~

公开部分的代码，我有自己调整过

环境

Unity : 2020.3.37f1
Pipeline : BRP

原因

其实之前我写过一篇：Unity Shader - “快速“ 次散射 (Fast SSS : Fast Subsurface Scattering)

但是这种方法应用在实际项目中表现不佳

更多的市面上的效果都使用 Ramp Texture 或是 LUT 来处理，让材质可控制更高一些

然后美术去玩了：《CFDG》，美术觉得里面的皮肤效果制作得相当好

然后就开始了 “合理参考” 里面的制作方法

开始参考制作

合理的参考过程中，发现代码中看到很多各种各样的处理

（可谓五花八门，不论原理对不对，只要效果好看，就是对的，这也是图形学的 铁原则）

其中看到 SSS 在采样时，还做了 normal 的插值平滑，让 SSS 背面光 更加柔和

这么做的好处就是：透光部分的细节不用太多，整体平滑一些，会好看很多

效果如下

平滑前：
在这里插入图片描述

平滑后：
在这里插入图片描述

在这里插入图片描述

                // 212121
                // jave.lin : 求 vertex normal 和 normal map 的法线差值，给下面做平滑
                // half3 delta_N_with_normalMap = -normalY_mul_bitangentWS * normalY_mul_bitangentWSLenInv + i.normalWS.xyz;
                half3 delta_N_with_normalMap = i.normalWS.xyz - N;
                // delta_N_with_normalMap.y *= -1;
                // return delta_N_with_normalMap.xyzx;

                // 222222
                // jave.lin : 相当于 让 顶点的法线 和 贴图的法线 做一个 lerp，这样可以给 sss 的 lambert 作为 LUT 时比较平滑
                delta_N_with_normalMap = _ScatterDepth * delta_N_with_normalMap + N4.xyz;
                // return N4.xyzx;
                // return delta_N_with_normalMap.xyzx;

                // 232323
                // jave.lin : 所谓 SSS LUT 横向采样，背光部分才有透光效果
                half N1DotL = dot(delta_N_with_normalMap.xyz, lightDir.xyz);
                N1DotL = N1DotL * 0.5 + 0.5;
                // return N1DotL;

                // 242424
                // jave.lin : _ScatterAdjustment1 控制的是 纵向 SSS 的整体强度，值越小，越不透光
                half2 scatterTexUV = half2(N1DotL, _ScatterAdjustment1);
                half3 sssCol = tex2D(_ScatteringLUT, scatterTexUV).rgb;
                return sssCol.rgbr;

GIF 效果

请添加图片描述

LUT 贴图的制作

可以程序生成也可以PS手动制作，这里介绍的是 PS 手动制作的方式

PS 中使用渐变工具可以快速的制作出来，下面是几个通道的样子

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

最终效果应用

上图：优化后的效果，下图：未优化
在这里插入图片描述

Shader - 不公开

PBR_GAT_CFDG_BK_SSS - 合理参考代码，并重构后的代码（但是部分代码可读性依然不高，因为骚操作太多）

References

  • 《CFDG》 的 SSS LUT 皮肤制作方法
Unity Shader学习：SSS次表面散射
咪咪博客
12-18 7358
Unity Shader学习：SSS次表面散射 原文章地址:http://walkingfat.com/simple-subsurface-scatterting-for-mobile-%EF%BC%88%E4%B8%80%EF%BC%89%E9%80%9A%E9%80%8F%E6%9D%90%E8%B4%A8%E7%9A%84%E6%AC%A1%E8%A1%A8%E9%9D%A2%E6%9...
Unity Shader学习：预积分皮肤
咪咪博客
11-17 2951
Unity Shader学习：预积分皮肤 思路：LUT+GGX+SSS 参考:https://zhuanlan.zhihu.com/p/70390192?utm_source=wechat_session https://www.bilibili.com/video/BV1CD4y127Pv https://blog.csdn.net/qq_36107199/article/details/103596547 Shader "Zzc/ZzcSkinTest" { Properties {
unity 皮肤材质效果实现分析
现在学习也不晚
07-04 2115
https://therealmjp.github.io/posts/sss-intro/ 里面讲解了次表明散射的概念原理，以及发展过程。到了实时渲染，早期的基于纹理空间的扩散，到现在经常会应用于移动端的预积分的次表明散射（就是有一张图的表，从上面取色，还需要一个曲率的东西去控制），然后就是屏幕空间的次表明散射（为了生成更好的曲率）。 https://www.iryoku.com/stare-into-the-future 讲解了如何渲染真实的皮肤效果 要说皮肤渲染，还是得看ue4，接下来看一下ue的相关
Unity 皮肤shader
12-06
Unity3D使用的皮肤Shader资源，可在Unity3D中渲染出真实的毛发效果。
Unity skin shader
12-21
untiy 皮肤插件最新版本，skinShader3.0 10美元asset商店买的，只用来测试使用。禁止商用
Unity translucent SSS 次表面散射 皮肤材质研究
若风
12-16 6230
https://www.zhihu.com/question/265769844/answer/299073168 https://www.jianshu.com/p/a1de93d2dcb7 记录一下吧 大概原理是当光线从后面照进来的时候，中间是黑的，外周围是亮的，很像边缘光，但是明暗过渡又很微妙，所以硬要模拟的话，美术可以手绘一张贴图去控制皮肤的强弱，通透度。否者只能模拟一下这种效果，很奇怪，???? 还是要加mask Shader "Unlit/UnityBRDFSkin" { Prope
Unity Shader - “快速“ 次散射 (Fast SSS : Fast Subsurface Scattering)
Jave.Lin 的学习笔记
07-09 5074
--- # 目的 备份，备忘 --- # 思路 一般次散射效果都是使用 光线追踪 来渲染的话，还原度会很高（也不是100精准，都是模拟，毕竟物质内的如何让光子偏移方向散射出来，这不是现代计算机，现代渲染架构能支撑得起的） 所以这个 假 次散射，相对 实时渲染效果的价值还是有的 具体思路： - 导出模型的厚度图 - 将片段（像素）中的 观察位置方向 和 光源入射方向 做 dot - 然后控制 dot 后的 pow, scale 来控制边缘，和 整体亮度 - 叠加到之前的颜色着色上即可..........
基于皮肤预积分SSS的面部卡通渲染尝试
qq_41328432的博客
07-12 434
人物面部SSS卡通渲染的尝试
（三十一）unity shader之——————透明和半透明材质
cgy56191948的博客
12-27 7914
一、半透明材质 SSS(sub-Surface Scattering，3S)的中文意思是次表面散射或称半透明材质。它适用于表现各种有次表面反射的材质，如透明橡胶、有机玻璃或玉石等。因为实时渲染是不可能做大量的运算来计算光的折射和反射的，所以SSS属于比较高级的材质范畴。 二、化繁为简 要实现半透明材质，许多方法都进行了大量的运算，比如正弦、余弦的计算、指数的运算等，外加各种贴图和通道的混合，...
unity shader sss/卡通玉石材质
最新发布
weixin_61534019的博客
10-04 487
Shader "sss玉石" {SubShaderPassCGPROGRAMstruct a2vstruct v2fv2f o;return o;//向量准备//漫反射//菲涅尔//returnENDCG。
MR SSS skin皮肤材质
05-06
最近本人学习皮肤材质,许多人都为皮肤材质困惑所以为了方便大家学习SKIN. 今天我把材质以及skin专用场景附带上,此场景可以教会你如何利用MR渲染器去渲染皮肤 材质。希望大家能用的到.brazil 渲染器的skin材质也非常优秀.所以我也提供了brazil 渲染器.下载.
非常不错的UnityShader包
06-13
非常不错的Shader包，RNM_Shader。Unity插件着色渲染器
unity3d 通透材质shader
10-05
unity3d 通透材质shader,Subsurface scatteringshader
unity3d通透材质shader
10-01
unity3d通透材质shader，次表面散射是一种非常常用的效果，可以用在很多材质上 如蜡烛，皮肤，牛奶，奶油奶酪，番茄酱，土豆受光散射等等表现通透材质效果。
SISSSShader：简单仿制次表面散射着色器
02-21
SISSS着色器 简单仿制次表面散射着色器
Unity Shader!!!
嘿嘿
12-19 350
https://blog.csdn.net/puppet_master/column/info/12790 https://blog.csdn.net/zjw1349547081/article/category/6632879 https://catlikecoding.com/unity/tutorials/ https://blog.csdn.net/silangquan https...
[默认管线]sss角色渲染shader
人生无处不修行
08-01 1814
【代码】[默认管线]sss角色渲染shader。
unity3d Human skin real time rendering 真实模拟人皮实时渲染
热门推荐
wolf96的专栏
03-19 1万+
人皮渲染是十多年的课题了，人们想尽一切办法想让其变得真实可信，大型3A级次时代游戏近来做的又来越真实了如《罗马之子》，他们的皮肤自称已经超过了NVIDIA的例子 网络上有大量的资料关于人皮渲染，但大多都是外文，博主参考了一些资料，研究了一下，尽量让结果变得真实，本例使用了次表面散射等方法使皮肤
次表面散射(SubSurface Scattering) Shader
杨德龙的专栏
08-09 5900
原文 http://www.azure.com.cn/article.asp?id=231用深度值近似模拟物体的厚度，厚度越小处透光越多。  varying vec4 position;varying vec4 world_pos;varying vec2 texcoord0;varying vec3 normal;void main(void){   gl_Position
react hooks 详解
07-17
React Hooks 是 React 16.8 中新增的特性，它可以让你在函数组件中使用 state、生命周期钩子等 React 特性。使用 Hooks 可以让你写出更简洁、可复用且易于测试的代码。 React Hooks 提供了一系列的 Hook 函数，包括 useState、useEffect、useContext、useReducer、useCallback、useMemo、useRef、useImperativeHandle、useLayoutEffect 和 useDebugValue。每个 Hook 都有特定的用途，可以帮助你处理不同的问题。 下面是 React Hooks 的一些常用 Hook 函数： 1. useState useState 是最常用的 Hook 之一，它可以让你在函数组件中使用 state。useState 接受一个初始状态值，并返回一个数组，数组的第一个值是当前 state 值，第二个值是更新 state 值的函数。 ``` const [count, setCount] = useState(0); ``` 2. useEffect useEffect 可以让你在组件渲染后执行一些副作用操作，比如订阅事件、异步请求数据等。useEffect 接受两个参数，第一个参数是一个回调函数，第二个参数是一个数组，用于控制 useEffect 的执行时机。 ``` useEffect(() => { // 这里可以执行副作用操作 }, [dependencies]); ``` 3. useContext useContext 可以让你在组件树中获取 context 的值。它接受一个 context 对象，并返回该 context 的当前值。 ``` const value = useContext(MyContext); ``` 4. useRef useRef 可以让你在组件之间共享一个可变的引用。它返回一个对象，该对象的 current 属性可以存储任何值，并在组件的生命周期中保持不变。 ``` const ref = useRef(initialValue); ref.current = value; ``` 5. useCallback useCallback 可以让你缓存一个函数，以避免在每次渲染时都创建一个新的函数实例。它接受一个回调函数和一个依赖数组，并返回一个 memoized 的回调函数。 ``` const memoizedCallback = useCallback(() => { // 这里是回调函数的逻辑 }, [dependencies]); ``` 6. useMemo useMemo 可以让你缓存一个计算结果，以避免在每次渲染时都重新计算。它接受一个计算函数和一个依赖数组，并返回一个 memoized 的计算结果。 ``` const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); ``` 以上就是 React Hooks 的一些常用 Hook 函数，它们可以帮助你更好地处理组件状态、副作用、上下文和性能优化等问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值