基于皮肤预积分SSS的面部卡通渲染尝试

最新推荐文章于 2024-07-20 20:43:54 发布
最新推荐文章于 2024-07-20 20:43:54 发布
阅读量238 收藏 7
点赞数 5
文章标签： unity 游戏引擎 图形渲染 游戏程序 游戏美术
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41328432/article/details/140390506
版权

基于皮肤预积分SSS的面部卡通渲染尝试

之前我在资源商店上发了一个免费资源，内容是一个中国角色模型，其中还包含了头发，皮肤，眼球渲染的shader。现在，我想尝试做做卡通风格，而对于本例中面部卡通渲染，我打算在SSS的基础上尝试弄弄。

资源地址：https://assetstore.unity.com/packages/3d/characters/humanoids/sci-fi/chinese-cyborg-warrior-free-287098

在渲染面部次表面散射效果的时候，一个通用的做法是采样一张LUT图，这也是常用的预积分次表面散射（pre-integrated subsurface scattering）。
在这里插入图片描述

float3 SkinBRDF(lightDatas lightDat, surfaceDatas surfDat, half3 L, half3 lightCol, float shadow, float curvature)
{
    float a2 = Common.Pow4(surfDat.roughness);

    half3 H = normalize(lightDat.V + L);
    half NdotH = saturate(dot(lightDat.N, H));
    half NdotV = saturate(abs(dot(lightDat.N, lightDat.V)) + 1e-5);
    half NdotL = saturate(dot(lightDat.N, L));
    half VdotH = saturate(dot(lightDat.V, H));//LoH
    half LdotH = saturate(dot(H, L));
    float3 radiance = NdotL * lightCol  *shadow; 

    half wrapNoL = 0.2 + NdotL * 0.8;

    float3 sss = SAMPLE_TEXTURE2D(_SSSLUT, sampler_SSSLUT, float2(wrapNoL, curvature));

    float3 diffuseTerm = surfDat.albedo * OneMinusReflectivityMetallicCustom(surfDat.metallic) * sss;
    #if defined(_DIFFUSE_OFF)
        diffuseTerm = half3(0, 0, 0);
    #endif

        float3 specularTerm = DirectBRDF_Specular(surfDat.roughness, NdotH, LdotH) * lerp(kDieletricSpec.rgb, surfDat.albedo, surfDat.metallic);// * surfDat.metallic;
        
    #if defined(_SPECULAR_OFF)
        specularTerm = half3(0, 0, 0);
    #endif

    return  diffuseTerm * lightCol * shadow + specularTerm * radiance;
}

上面的代码是预积分次表面散射的BRDF函数部分。我们把标准PBR渲染中的diffuseTerm项里的NdotL换成我们的采样LUT得到的颜色。其中的curvature曲率来自

float curvature = SAMPLE_TEXTURE2D(_CurvatureMap, sampler_CurvatureMap, i.uv);
curvature = pow(curvature, _CurvaturePow);

采样一张曲率图得到。当然，如果你手中的模型没有曲率图，也可以使用fwidth函数来计算。

本例中，高光的渲染使用unity中lit.shader中使用的DirectBRDF_Specular函数。

half DirectBRDF_Specular(float roughness, float NdotH, float LdotH)
{
    half roughness2 = Common.Pow2(roughness);
    float d = NdotH * NdotH * (roughness2 - half(1.0)) + 1.00001f;

    half LoH2 = LdotH * LdotH;
    half specularTerm = roughness2 / ((d * d) * max(0.1, LoH2) * (roughness * (half)4.0 + half(2.0)));
    return specularTerm;
}

那么为了完成卡通渲染的效果，我的尝试做法是使用对diffuse的结果做一个posterize

half4 Posterize(half4 col)
{
    col = pow(col, 0.4545);
    float3 c = RgbToHsv(col);
    c.z = round(c.z * _Step) / _Step;
    col = float4(HsvToRgb(c), col.a);
    col = pow(col, 2.3);
    return col;
}

而我们的人物的头部并不全是皮肤，还有很多部分不是使用次表面散射计算的。在原例中，我们使用一张Mask图来区分，模型一些部分使用带SSS的，另一部分使用StandardBRDF。现在我们把StandardBRDF的部分换成卡通渲染的

float3 toonLightCal(lightDatas lightDat, surfaceDatas surfDat, half3 L, half3 lightCol, float shadow)
{
    float a2 = Common.Pow4(surfDat.roughness);
    //float a2 = Common.Pow2(surfDat.roughness);

    half3 H = normalize(lightDat.V + L);
    half NdotH = saturate(dot(lightDat.N, H));
    half NdotV = saturate(abs(dot(lightDat.N, lightDat.V)) + 1e-5);
    half NdotL = saturate(dot(lightDat.N, L));
    half VdotH = saturate(dot(lightDat.V, H));//LoH
    half LdotH = saturate(dot(H, L));
    
    half wrapNL = NdotL * 0.5 + NdotL;
    float shadowNL = smoothstep(_ShadowStep - _ShadowStepSmooth, _ShadowStep + _ShadowStepSmooth, wrapNL);

    float3 radiance = lightCol * shadowNL * shadow;

    float3 diffuseTerm = surfDat.albedo * OneMinusReflectivityMetallicCustom(surfDat.metallic);
#if defined(_DIFFUSE_OFF)
    diffuseTerm = half3(0, 0, 0);
#endif

    float specularNH = smoothstep((1 - _SpecularStep * 0.05) - _SpecularStepSmooth * 0.05, (1 - _SpecularStep * 0.05) + _SpecularStepSmooth * 0.05, NdotH);
    float3 specularTerm = _SpecularColor * shadow * shadowNL * specularNH;
    
#if defined(_SPECULAR_OFF)
    specularTerm = half3(0, 0, 0);
#endif

    return  (diffuseTerm + specularTerm) * radiance;    
}

截个完整点的代码

half DirectBRDF_Specular(float roughness, float NdotH, float LdotH)
{
    half roughness2 = Common.Pow2(roughness);
    float d = NdotH * NdotH * (roughness2 - half(1.0)) + 1.00001f;

    half LoH2 = LdotH * LdotH;
    half specularTerm = roughness2 / ((d * d) * max(0.1, LoH2) * (roughness * (half)4.0 + half(2.0)));
    return specularTerm;
}

half OneMinusReflectivityMetallicCustom(half metallic)
{
    // We'll need oneMinusReflectivity, so
    //   1-reflectivity = 1-lerp(dielectricSpec, 1, metallic) = lerp(1-dielectricSpec, 0, metallic)
    // store (1-dielectricSpec) in kDielectricSpec.a, then
    //   1-reflectivity = lerp(alpha, 0, metallic) = alpha + metallic*(0 - alpha) =
    //                  = alpha - metallic * alpha
    half oneMinusDielectricSpec = kDielectricSpec.a;
    return oneMinusDielectricSpec - metallic * oneMinusDielectricSpec;
}

float3 toonLightCal(lightDatas lightDat, surfaceDatas surfDat, half3 L, half3 lightCol, float shadow)
{
    float a2 = Common.Pow4(surfDat.roughness);
    //float a2 = Common.Pow2(surfDat.roughness);

    half3 H = normalize(lightDat.V + L);
    half NdotH = saturate(dot(lightDat.N, H));
    half NdotV = saturate(abs(dot(lightDat.N, lightDat.V)) + 1e-5);
    half NdotL = saturate(dot(lightDat.N, L));
    half VdotH = saturate(dot(lightDat.V, H));//LoH
    half LdotH = saturate(dot(H, L));
    
    half wrapNL = NdotL * 0.5 + NdotL;
    float shadowNL = smoothstep(_ShadowStep - _ShadowStepSmooth, _ShadowStep + _ShadowStepSmooth, wrapNL);

    float3 radiance = lightCol * shadowNL * shadow;

    float3 diffuseTerm = surfDat.albedo * OneMinusReflectivityMetallicCustom(surfDat.metallic);
#if defined(_DIFFUSE_OFF)
    diffuseTerm = half3(0, 0, 0);
#endif

    float specularNH = smoothstep((1 - _SpecularStep * 0.05) - _SpecularStepSmooth * 0.05, (1 - _SpecularStep * 0.05) + _SpecularStepSmooth * 0.05, NdotH);
    float3 specularTerm = _SpecularColor * shadow * shadowNL * specularNH;
    
#if defined(_SPECULAR_OFF)
    specularTerm = half3(0, 0, 0);
#endif

    return  (diffuseTerm + specularTerm) * radiance;    
}

half4 Posterize(half4 col)
{
    col = pow(col, 0.4545);
    float3 c = RgbToHsv(col);
    c.z = round(c.z * _Step) / _Step;
    col = float4(HsvToRgb(c), col.a);
    col = pow(col, 2.3);
    return col;
}

float3 SkinBRDF(lightDatas lightDat, surfaceDatas surfDat, half3 L, half3 lightCol, float shadow, float curvature)
{
    float a2 = Common.Pow4(surfDat.roughness);
    //float a2 = Common.Pow2(surfDat.roughness);

    half3 H = normalize(lightDat.V + L);
    half NdotH = saturate(dot(lightDat.N, H));
    half NdotV = saturate(abs(dot(lightDat.N, lightDat.V)) + 1e-5);//区分正反面
    half NdotL = saturate(dot(lightDat.N, L));
    half VdotH = saturate(dot(lightDat.V, H));//LoH
    half LdotH = saturate(dot(H, L));
    float3 radiance = NdotL * lightCol  *shadow; 

    half wrapNoL = 0.2 + NdotL * 0.8;

    float3 sss = SAMPLE_TEXTURE2D(_SSSLUT, sampler_SSSLUT, float2(wrapNoL, curvature));

    float3 diffuseTerm = surfDat.albedo * OneMinusReflectivityMetallicCustom(surfDat.metallic) * sss;
    #if defined(_DIFFUSE_OFF)
        diffuseTerm = half3(0, 0, 0);
    #endif

        float3 specularTerm = DirectBRDF_Specular(surfDat.roughness, NdotH, LdotH) * lerp(kDieletricSpec.rgb, surfDat.albedo, surfDat.metallic);// * surfDat.metallic;
        
    #if defined(_SPECULAR_OFF)
        specularTerm = half3(0, 0, 0);
    #endif

    return  Posterize(half4(diffuseTerm, 1)).rgb * lightCol * shadow + specularTerm * radiance;
}


half3 SkinShading(lightDatas lightDat,surfaceDatas surfDat,float3 positionWS,float4 shadowCoord, float curvature)
{


    half3 directLighting = (half3)0;
    #if defined(_MAIN_LIGHT_SHADOWS_SCREEN) && !defined(_SURFACE_TYPE_TRANSPARENT)
    	float4 positionCS = TransformWorldToHClip(positionWS);
        shadowCoord = ComputeScreenPos(positionCS);
    #else
        shadowCoord = TransformWorldToShadowCoord(positionWS);
    #endif    
    half4 shadowMask = (half4)1.0;

    
    //add light
    half3 directLighting_AddLight = (half3)0;
    #ifdef _ADDITIONAL_LIGHTS
    uint pixelLightCount = GetAdditionalLightsCount();

    if (surfDat.mask > 0.98)
    {
        //main light
        half3 directLighting_MainLight = (half3)0;
        {
            Light light = GetMainLight(shadowCoord, positionWS, shadowMask);
            half3 L = light.direction;
            half3 lightColor = light.color;
            //SSAO
#if defined(_SCREEN_SPACE_OCCLUSION)
            AmbientOcclusionFactor aoFactor = GetScreenSpaceAmbientOcclusion(lightDat.screenUV);
            lightColor *= aoFactor.directAmbientOcclusion;
#endif
            half shadow = light.shadowAttenuation;
            directLighting_MainLight = SkinBRDF(lightDat, surfDat, L, lightColor, shadow, curvature);
        }


        UNITY_LOOP
            for (uint lightIndex = 0; lightIndex < pixelLightCount; lightIndex++)
            {
                Light light = GetAdditionalLight(lightIndex, positionWS, shadowMask);
                half3 L = light.direction;
                half3 lightColor = light.color;
                half shadow = light.shadowAttenuation * light.distanceAttenuation;
                directLighting_AddLight += SkinBRDF(lightDat, surfDat, L, lightColor, shadow, curvature);
            }
        return directLighting_MainLight + directLighting_AddLight;
    }
    else
    {
        //main light
        half3 directLighting_MainLight = (half3)0;
        {
            Light light = GetMainLight(shadowCoord, positionWS, shadowMask);
            half3 L = light.direction;
            half3 lightColor = light.color;
            //SSAO
#if defined(_SCREEN_SPACE_OCCLUSION)
            AmbientOcclusionFactor aoFactor = GetScreenSpaceAmbientOcclusion(lightDat.screenUV);
            lightColor *= aoFactor.directAmbientOcclusion;
#endif
            half shadow = light.shadowAttenuation;
            directLighting_MainLight = toonLightCal(lightDat, surfDat, L, lightColor, shadow);
        }

        UNITY_LOOP
            for (uint lightIndex = 0; lightIndex < pixelLightCount; lightIndex++)
            {
                Light light = GetAdditionalLight(lightIndex, positionWS, shadowMask);
                half3 L = light.direction;
                half3 lightColor = light.color;
                half shadow = light.shadowAttenuation * light.distanceAttenuation;
                directLighting_AddLight += toonLightCal(lightDat, surfDat, L, lightColor, shadow);
            }
        return directLighting_MainLight + directLighting_AddLight;
    }
    #endif
    return 0;
}

最终效果展示：
在这里插入图片描述

_DRAGON__XU
关注
  • 5
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity Shader学习：预积分皮肤
咪咪博客
11-17 2688
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 {
NPR——卡通渲染（一）
热门推荐
TwinkleStar0121
07-23 1万+
NPR——卡通渲染 1.1 轮廓线 1.1.1 基于 2D 图像的边缘检测算法 Sobel 算子 [3] Canny 算子 [4] 1.1.2 几何描边法 1.1.3 基于视角的描边法 1.2 卡通着色 1.2.1 Cel-Shading [5] 1.2.2 Tone Based Shading 1.2.3 基于 Tone Based Shading 的日式卡通 1.2.4 基于 ...
【非真实渲染】【卡通渲染技术点介绍】
TDC的专栏
08-13 2253
文本介绍卡通渲染的基本技术
0基础UnityURP渲染管线人物渲染_皮肤_头发_眼睛_各向异性_SSS之实践
大话程序员
04-24 5124
关于次表面散射 一般脸部的Shader，都是脸部最重要， - 这和同人的需求不同 - 而且国内手游对这样的脸部实现需求就还好 - 本人美术不懂， - 本人比较懒，图形学原理也不懂， - 本人还是有些追求的，之后可能会说怎么调贴图， 所以，今天还只是说说HLSL的代码 不吹不黑，参照国外一个皮肤Skin效果实现的次表面散射， 真的，国外随便一个美术老哥都能写程序 <所以这样的shader代码就看过就好，不要考虑扩展性，魔改性了，当然，稳健性性还是有的，外国人做事还是比较稳>
PBR渲染（二）——PBR皮肤渲染
qq_53057269的博客
10-24 1282
PBR皮肤渲染
UnityShader应用——卡通渲染
Jeff的博客
03-12 849
1.描边 外描边之前记过。 内描边的实现：ILM的a通道控制内描边的范围。 也就是黑色区域对应uv上的地方进行需要内描边。在最后与光照模型算出的颜色相乘就行。 2.光照模型 diffuse部分： ILM的g通道控制漫反射阴影的阈值。 shadowRange = g值 * 顶点颜色(平时没有的数据) 共同决定受光范围。也就是说黑色的区域，是不想受到阴影的。 diffuse = max( 0 ...
Subsurface Scattering初探之预积分（Pre-Integrated Subsurface Scattering）的实现及效果
qq_23936433的博客
06-15 1918
Subsurface Scattering初探之预积分（Pre-Integrated Subsurface Scattering）的实现及效果 我们知道，类似皮肤，蜡和牛奶等物质在渲染中需要考虑Subsurface Scattering（以下简称sss），我这几天对这个问题有点感兴趣，突然来了劲，想试试看效果如何，那种期待的心情就像买了一个想要的东西坐等快递到来一样 …扯远了，以下是正文： PS：sss有很多种实现方法，例如贴图空间的sss，屏幕空间的sss，还有预积分的sss。我想先研究一下预积分的sss
Unity Shader - SSS皮肤
Jave.Lin 的学习笔记
09-30 4243
其中看到 SSS 在采样时，还做了 normal 的插值平滑，让 SSS 背面光 更加柔和。（可谓五花八门，不论原理对不对，只要想过好看，就是对的，这也是图形学的 铁原则）然后美术去玩了：《CFDG》，美术觉得里面的皮肤效果制作得相当好。过程中，发现代码中看到很多各种各样的处理。以下 素材 是 “合理参考” 得到的。如果有侵权，请告诉我，我马上删除掉~但是这种方法应用在实际项目中表现不佳。仅当学习、参考用，也不可能公开。来处理，让材质可控制更高一些。更多的市面上的效果都使用。
Unity HDRP卡通角色自然渲染shader
weixin_42004673的博客
12-27 4735
对于在HDRP工程中，虽然已经提供了较好的光照，但二次元的角色直接渲染会显得有点不自然。 本文参考UnityChan在HDRP工程的渲染，修改了SSS文件的参数，使得其更为自然。 图一中脸部阴影有些硬，图二人物的整体色调较为和谐。 首先可以到unity酱的官网下载其HDRP工程：UNITY-CHAN! OFFICIAL WEBSITE 下载好以后我们可以直接参考其皮肤材质的制作。 本文直接截图皮肤材质的属性，懒得下载工程的就直接按照这个来： 其中，Diffusion Profil..
基于次表面散射(SSS)的玉石渲染
wang371372的专栏
11-09 6349
本文效果图： 次表面散射(SSS)的概念自行百度，表现光进入物体，然后发生内部散射，最终从不同的位置射出，主要用于模拟玉石，翡翠，蜡烛，皮肤等有一点点透光的物体。常规的漫反射计算公式为: float diffuse=max(0,dot(L,N)); 《GPU GERM》中对使用环绕光照的方式模拟简单次表面散射，使原来为黑的地方有一点点光，公式为： float wrap_diffus...
【游戏引擎之路】登神长阶（七）——x86汇编学习：凡做难事，必有所得
黄金之海
07-11 1378
游戏引擎开发日记，汇编语言学习。汇编比自已想象中要强大很多。
图形渲染基础-Unity渲染管线介绍
Hanson的博客
07-05 973
Unity渲染管线介绍
unity渲染人物模型透明度问题
qq_43204246的博客
07-18 378
问题1：有独立的手和衣服的模型，但最终只渲染出来半透明衣服问题2：透明度贴图是正确的但显示却不正确这上面两个模型的问题都是因为人物模型是一个完整的，为啥有些地方可以正常显示，有些地方透明度却有问题。其中最重要的就是渲染顺序的规则（按照顶点下标的大小来渲染的），打开3dmax可以看到其中透明物体的下标在前面，不透明的在后面问题1和2都是因为这个问题导致的渲染效果不正确，调整完渲染顺序就好了。
Unity | AssetBundle
Janniam的博客
07-19 504
Unity中的一种特殊资源包格式，用于存储和分发游戏资源。这些资源可以包括模型、纹理、音频文件、预制体、场景等。AssetBundle允许开发者在游戏运行时动态加载和卸载资源，从而实现灵活的资源管理。
Unity点击生成节点连线
w091253的博客
07-19 113
Unity点击生成节点连线
Unity发微信小游戏记录
时光不染
07-16 857
打开游戏工程 -> 团结/Unity Editor 菜单栏 -> Package Manager -> 右上方 “+” -> Add package from git URL。如上图导入Unity 转换好的工程，路径是导出的两个文件夹中的minigame。webgl 是传到CDN的资源（首包加载方式选择包内忽略这项）以上完成后，可点击工具面板生成并转换，导出小程序工程。如果是首包加载方式为包内，到这里就完成可以进行调试了。如果需要CDN需要查看配置域名是否已正确配置。将这个域名添加到上面配置域名的位置。
Unity UGUI 之 Image和Rawimage
最新发布
2301_77947509的博客
07-20 384
本文仅作学习笔记与交流，不作任何商业用途本文包括但不限于官方手册，唐老狮，麦扣教程知识，引用会标记，如有不足还请斧正。
Python游戏开发项目实践——贪吃蛇游戏——适合新手小白巩固与基础的简单项目
m0_65482549的博客
07-20 109
制作贪吃蛇游戏是一个很好的编程练习，可以帮助你熟悉基本的游戏开发概念，如事件处理、游戏循环、以及简单的物理模拟。下面我将概述一个使用Python和Pygame库来制作贪吃蛇游戏的基本步骤。首先，确保你的Python环境中安装了Pygame。
Unity Apple Vision Pro 开发（四）：体积相机 Volume Camera
qq_46044366的博客
07-17 1185
这期教程我将介绍使用 PolySpatial 开发包中的体积相机（Volume Camera）。体积相机是开发 Apple Vision Pro MR 应用的必备组件，可用于区分 Shared Space 共享空间和 Full Space 独占空间。
游戏实时光照中的预集成皮肤散射技术
在实时渲染领域，Subsurface Scattering (SSS) 或称次表面散射，是一种模拟光线穿透物体内部微小结构，如皮肤下的脂肪或毛细血管，产生柔和、自然光效的技术。传统的SSS方法通常采用纹理空间扩散（Texture Space ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值