【浅墨Unity3D Shader】之十一 深入理解Unity5中的Standard Shader

2015年11月30日 14:20 0 点赞 0 评论 更新于 2025-11-21 19:30

本系列文章由@浅墨_毛星云 出品,转载请注明出处。 文章链接: http://blog.csdn.net/poem_qianmo/article/details/50095705 作者:毛星云(浅墨) 微博:http://weibo.com/u/1723155442
\n本文工程使用的Unity3d版本:5.2.1

\n\n

概要:续接上文,本文进一步讲解与分析了上文未讲完的Unity5中Standard Shader正向基础渲染通道源码的片段着色实现部分,以及对屏幕像素化后期特效进行了实现。
\n同样需要声明的是。本文中对Stardard Shader源码的一些分析,全是浅墨自己通过对Unity Shader内建源码的理解,以及Google之后理解与分析而来。如有解释不妥当之处,还请各位及时指出。
\n依然是附上一组本文配套工程的运行截图之后,便开始我们的正文。
\n傍晚的野外(with 屏幕像素化特效):

\n\n
\n

\n
\n\n

  傍晚的野外(原始场景):

\n\n
\n

\n
\n\n

图依然是贴这两张。文章末尾有更多的运行截图,并提供了源工程的下载。先放出可运行的exe下载,如下:
\n【可运行的本文配套exe游戏场景请点击这里下载】
\n提示:在此游戏场景中按F键可以开关屏幕特效。
\n
\n一、关于BRDF(双向反射分布函数)
\n
\n本次源码剖析有涉及BRDF的相关内容,这边简单提一下。
\n双向反射分布函数(Bidirectional ReflectanceDistribution Function,BRDF)用来定义给定入射方向上的辐射照度(irradiance)如何影响给定出射方向上的辐射率(radiance)。更笼统地说,它描述了入射光线经过某个表面反射后如何在各个出射方向上分布——这可以是从理想镜面反射到漫反射、各向同性(isotropic)或者各向异性(anisotropic)的各种反射。
\nBRDF作为图形学中比较常见的一个知识点,这边暂时不多讲,因为随便拿一本图形学相关的书都可以看到他的身影。这边给出一些参考的链接,大家有需要可以深入了解:
\n1. 如何正确理解 BRDF (双向反射分布函数)? - 计算机 - 知乎
\n2.图形学理论知识:BRDF 双向反射分布函数
\n3. An Introduction to BRDF-based Lighting –Nvidia

\n
\n  二、续Standard Shader中正向基础渲染通道源码分析
\n
\n  此部分接上文《【浅墨Unity3D Shader编程】之十 深入理解Unity5中的Standard Shader(二)&屏幕油画特效的实现》的第二部分“Standard Shader中正向基础渲染通道源码分析“。
\n上文中分析了Standard Shader中正向基础渲染通道的源码,刚好分析完了顶点着色函数vertForwardBase,本文中将对片段着色函数fragForwardBase 进行说明。分析完之后,也就结束了这一系列长得稍微有些离谱的Standard Shader正向基础渲染通道的源码分析。
\n  OK,开始吧,先上注释好的片段着色函数fragForwardBase的代码,位于UnityStandardCore.cginc中:

\n\n
\n//----------------------------------------【fragForwardBase函数】-------------------------------------------\n\n//  用途:正向渲染基础通道的片段着色函数\n\n//  输入:VertexOutputForwardBase结构体\n\n//  输出:一个half4类型的颜色值\n\n//------------------------------------------------------------------------------------------------------------------\n\nhalf4 fragForwardBase (VertexOutputForwardBase i) : SV_Target\n\n{\n\n//定义并初始化类型为FragmentCommonData的变量s\n\nFRAGMENT_SETUP(s)\n\n//若定义了UNITY_OPTIMIZE_TEXCUBELOD,则由输入的顶点参数来设置反射光方向向量\n\n#if UNITY_OPTIMIZE_TEXCUBELOD\n\ns.reflUVW= i.reflUVW;\n\n#endif\n\n//设置主光照\n\nUnityLight mainLight = MainLight (s.normalWorld);\n\n//设置阴影的衰减系数\n\nhalf atten = SHADOW_ATTENUATION(i);\n\n//计算全局光照\n\nhalf occlusion = Occlusion(i.tex.xy);\n\nUnityGI gi = FragmentGI (s, occlusion, i.ambientOrLightmapUV, atten, mainLight);\n\n//加上BRDF-基于物理的光照\n\nhalf4 c = UNITY_BRDF_PBS (s.diffColor, s.specColor, s.oneMinusReflectivity, s.oneMinusRoughness, s.normalWorld, -s.eyeVec, gi.light, gi.indirect);\n\n//加上BRDF-全局光照\n\nc.rgb += UNITY_BRDF_GI (s.diffColor, s.specColor, s.oneMinusReflectivity, s.oneMinusRoughness, s.normalWorld, -s.eyeVec, occlusion, gi);\n\n//加上自发光\n\nc.rgb += Emission(i.tex.xy);\n\n//设置雾效\n\nUNITY_APPLY_FOG(i.fogCoord, c.rgb);\n\n//返回最终的颜色\n\nreturn OutputForward (c, s.alpha);\n\n}
\n\n

?依然是老规矩,把上面代码中新接触到的相关内容进行下分条讲解。
\n
\n1. FRAGMENT_SETUP(x)宏
\n
\nFRAGMENT_SETUP(x)宏定义于UnityStandardCore.cginc头文件中,其作用其实就是用FragmentSetup函数初始化括号中的x变量。

\n\n
\n#define FRAGMENT_SETUP(x) FragmentCommonData x = \\\n\nFragmentSetup(i.tex, i.eyeVec, IN_VIEWDIR4PARALLAX(i), i.tangentToWorldAndParallax, IN_WORLDPOS(i));
\n\n

调用此宏,也就是表示写了如下的代码,定义了一个x变量:

\n\n
\n
\n
\nFragmentCommonData x =FragmentSetup(i.tex, i.eyeVec, IN_VIEWDIR4PARALLAX(i), i.tangentToWorldAndParallax, IN_WORLDPOS(i));  
\n  其中FragmentSetup函数也定义于UnityStandardCore.cginc头文件中,用于填充一个FragmentCommonData结构体并于返回值中返回,也就是进行片段函数相关参数的初始化,相关代码如下: 
\n
\n\n
 
\n\n
\n
\n
\n//函数FragmentSetup:填充一个FragmentCommonData结构体并于返回值中返回,进行片段函数相关参数的初始化\n\ninline FragmentCommonData FragmentSetup (float4 i_tex, half3 i_eyeVec, half3 i_viewDirForParallax, half4 tangentToWorld[3], half3 i_posWorld)\n\n{\n\ni_tex = Parallax(i_tex, i_viewDirForParallax);\n\nhalf alpha = Alpha(i_tex.xy);\n\n#if defined(_ALPHATEST_ON)\n\nclip (alpha - _Cutoff);\n\n#endif\n\nFragmentCommonData o = UNITY_SETUP_BRDF_INPUT (i_tex);\n\no.normalWorld = PerPixelWorldNormal(i_tex, tangentToWorld);\n\no.eyeVec = NormalizePerPixelNormal(i_eyeVec);\n\no.posWorld = i_posWorld;\n\n// NOTE: shader relies on pre-multiply alpha-blend (_SrcBlend = One, _DstBlend = OneMinusSrcAlpha)\n\no.diffColor = PreMultiplyAlpha (o.diffColor, alpha, o.oneMinusReflectivity, /*out*/ o.alpha);\n\nreturn o;\n\n}其中的FragmentCommonData结构体也是定义于UnityStandardCore.cginc头文件中:\n\n//FragmentCommonData结构体:存放片段着色常用变量\n\nstruct FragmentCommonData\n\n{\n\nhalf3 diffColor, specColor;//漫反射颜色;镜面反射颜色\n\n// Note: oneMinusRoughness & oneMinusReflectivity for optimization purposes, mostly for DX9 SM2.0 level.\n\n// Most of the math is being done on these (1-x) values, and that saves a few precious ALU slots.\n\nhalf oneMinusReflectivity, oneMinusRoughness;//1减去反射率;1减去粗糙度\n\nhalf3 normalWorld, eyeVec, posWorld;//世界空间中的法线向量坐标;视角向量坐标;在世界坐标中的位置坐标\n\nhalf alpha;//透明度\n\n#if UNITY_OPTIMIZE_TEXCUBELOD || UNITY_STANDARD_SIMPLE\n\nhalf3 reflUVW;//反射率的UVW\n\n#endif\n\n#if UNITY_STANDARD_SIMPLE\n\nhalf3 tangentSpaceNormal;//切线空间中的法线向量\n\n#endif\n\n};
\n
\n2. MainLight函数
\n
\n  MainLight函数定义于UnityStandardCore.cginc头文件中,用途是实例化一个UnityLight结构体对象,并进行相应的填充,其返回值作为主光源。相关代码如下:
\n
\n\n
\n
 
\n\n
\n//  用途:该函数为主光照函数\n//  说明:实例化一个UnityLight结构体对象,并进行相应的填充\n/*\n//注:UnityLight结构体定义于UnityLightingCommon.cginc文件中,原型如下:\nstruct UnityLight\n{\nhalf3 color;\nhalf3 dir;\nhalf  ndotl;\n};\n*/\n//------------------------------------【函数3】MainLight函数-----------------------------------------\n//  用途:该函数为主光照函数\n//  说明:实例化一个UnityLight结构体对象,并进行相应的填充\n//---------------------------------------------------------------------------------------------------------\nUnityLight MainLight (half3 normalWorld)\n{\n//【1】实例化一个UnityLight的对象\nUnityLight l;\n//【2】填充UnityLight的各个参数\n//若光照贴图选项为关,使用Unity内置变量赋值\n#ifdef LIGHTMAP_OFF\n//获取光源的颜色\nl.color = _LightColor0.rgb;\n//获取光源的方向\nl.dir = _WorldSpaceLightPos0.xyz;\n//获取法线与光源方向的点乘的积\nl.ndotl = LambertTerm (normalWorld, l.dir);\n//光照贴图选项为开,将各项值设为0\n#else\nl.color = half3(0.f, 0.f, 0.f);\nl.ndotl  = 0.f;\nl.dir = half3(0.f, 0.f, 0.f);\n#endif\n//返回赋值完成的UnityLight结构体对象\nreturn l;\n}
\n\n

\n3. SHADOW_ATTENUATION宏
\n
\n  SHADOW_ATTENUATION宏相关的代码位于AutoLight.cginc头文件中,用于实现阴影渲染相关的辅助工作,代码如下: 
\n\n
 
\n
\n\n
\n// ----------------\n//  阴影相关工具代码 || Shadow helpers\n// ----------------\n// ---- 屏幕空间阴影 || Screen space shadows\n#if defined (SHADOWS_SCREEN)\n……\n#define SHADOW_ATTENUATION(a) unitySampleShadow(a._ShadowCoord)\n#endif\n\n// ----聚光灯光源阴影 || Spot light shadows\n#if defined (SHADOWS_DEPTH) && defined (SPOT)\n#define SHADOW_COORDS(idx1) unityShadowCoord4 _ShadowCoord : TEXCOORD##idx1;\n#define TRANSFER_SHADOW(a) a._ShadowCoord = mul (unity_World2Shadow[0], mul(_Object2World,v.vertex));\n#define SHADOW_ATTENUATION(a) UnitySampleShadowmap(a._ShadowCoord)\n#endif\n\n// ----点光源阴影 ||  Point light shadows\n#if defined (SHADOWS_CUBE)\n#define SHADOW_COORDS(idx1) unityShadowCoord3 _ShadowCoord : TEXCOORD##idx1;\n#define TRANSFER_SHADOW(a) a._ShadowCoord = mul(_Object2World, v.vertex).xyz - _LightPositionRange.xyz;\n#define SHADOW_ATTENUATION(a) UnitySampleShadowmap(a._ShadowCoord)\n#endif\n// ---- 关闭阴影 || Shadows off\n#if !defined (SHADOWS_SCREEN) && !defined (SHADOWS_DEPTH) && !defined (SHADOWS_CUBE)\n#define SHADOW_COORDS(idx1)\n#define TRANSFER_SHADOW(a)\n#define SHADOW_ATTENUATION(a) 1.0\n#endif
\n\n

  可以发现,SHADOW_ATTENUATION(a)宏除了在关闭阴影的状态是等于1以外,其他几种情况都是等价于UnitySampleShadowmap(a._ShadowCoord)函数的调用。而这里的UnitySampleShadowmap函数,定于于UnityShadowLibrary.cginc函数中。实现代码如下。

\n\n
\n//------------------------------【UnitySampleShadowmap函数】---------------------------------\n// 用途:采样阴影贴图,得到阴影衰减值\n// 输入参数: float3型的阴影向量坐标vec\n// 返回值:阴影衰减值\n//-------------------------------------------------------------------------------------------------------\ninline half UnitySampleShadowmap (float3 vec)\n{\nfloat mydist = length(vec) * _LightPositionRange.w;\nmydist *= 0.97; // bias\n#if defined (SHADOWS_SOFT)\nfloat z = 1.0/128.0;\nfloat4 shadowVals;\nshadowVals.x = SampleCubeDistance (vec+float3( z, z, z));\nshadowVals.y = SampleCubeDistance (vec+float3(-z,-z, z));\nshadowVals.z = SampleCubeDistance (vec+float3(-z, z,-z));\nshadowVals.w = SampleCubeDistance (vec+float3( z,-z,-z));\nhalf4 shadows = (shadowVals < mydist.xxxx) ? _LightShadowData.rrrr : 1.0f;\nreturn dot(shadows,0.25);\n#else\nfloat dist = SampleCubeDistance (vec);\nreturn dist < mydist ? _LightShadowData.r : 1.0;\n#endif\n}
\n\n

4. Occlusion函数
\n
\n  Occlusion函数用于进行全局光照的第一步。其输入参数为一个float2型的纹理坐标,而其half型的返回值将作为FragmentGI函数的一个输入参数。Occlusion函数的原型如下: 

\n\n
\n
\n
 
\n
\n
\n\n
\nhalf Occlusion(float2 uv)\n{\n#if (SHADER_TARGET < 30)\n// SM20: instruction count limitation\n// SM20: simpler occlusion\nreturn tex2D(_OcclusionMap, uv).g;\n#else\nhalf occ = tex2D(_OcclusionMap, uv).g;\nreturn LerpOneTo (occ, _OcclusionStrength);\n#endif\n}\n\n
\n\n

其中的LerpOneTo函数很简单,用于线性插值,输入两个值b和t,返回1+(b-1)*t,具体定义如下:

\n\n
\n
\n
\nhalf LerpOneTo(half b, half t)\n{\nhalf oneMinusT = 1 - t;\nreturn oneMinusT + b * t;\n}
\n
\n\n
\n
 
\n
\n
\n\n

5. UnityGI结构体
\n
\n  UnityGI结构体是Unity中存放全局光照光源信息的结构体,定义于UnityLightingCommon.cginc头文件中,如下。

\n\n
\n//全局光照结构体\nstruct UnityGI\n{\nUnityLight light;//定义第一个光源参数结构体,表示第一个光源\n//若定义了DIRLIGHTMAP_SEPARATE(单独的方向光源光照贴图)\n#ifdef DIRLIGHTMAP_SEPARATE\n//若定义了LIGHTMAP_ON(打开光照贴图)\n#ifdef LIGHTMAP_ON\nUnityLight light2;//定义第二个光源参数结构体,表示第二个光源\n#endif\n//若定义了DYNAMICLIGHTMAP_ON(打开动态光照贴图)\n#ifdef DYNAMICLIGHTMAP_ON\nUnityLight light3;//定义第三个光源参数结构体,表示第三个光源\n#endif\n#endif\nUnityIndirect indirect;//Unity中间接光源参数的结构体\n};
\n\n

  其中包含了UnityLight结构体和UnityIndirect结构体,其中UnityLight结构体是Unity Shader中最基本的光照结构体,而UnityIndirect是Unity中存放间接光源信息的结构体。它们两者也定义于UnityLightingCommon.cginc头文件中,代码如下。

\n\n
\n
\n//Unity中光源参数的结构体\nstruct UnityLight\n{\nhalf3 color;//光源颜色\nhalf3 dir;//光源方向\nhalf  ndotl; //入射光方向和当前表面法线方向的点积\n};\n//Unity中间接光源参数的结构体\nstruct UnityIndirect\n{\nhalf3 diffuse;//漫反射颜色\nhalf3 specular;//镜面反射颜色\n};
\n\n
\n
 
\n
\n
\n\n

6. FragmentGI函数
\n
\n  FragmentGI函数是片段着色部分全局光照的处理函数,定义于UnityStandardCore.cginc头文件中。相关代码如下:

\n\n
\n
\n//函数:片段着色部分全局光照的处理函数\ninline UnityGI FragmentGI (FragmentCommonData s, half occlusion, half4 i_ambientOrLightmapUV, half atten, UnityLight light, bool reflections)\n{\n//【1】实例化一个UnityGIInput的对象\nUnityGIInput d;\n//【2】填充此UnityGIInput对象的各个值\nd.light = light;\nd.worldPos = s.posWorld;\nd.worldViewDir = -s.eyeVec;\nd.atten = atten;\n#if defined(LIGHTMAP_ON) || defined(DYNAMICLIGHTMAP_ON)\nd.ambient = 0;\nd.lightmapUV = i_ambientOrLightmapUV;\n#else\nd.ambient = i_ambientOrLightmapUV.rgb;\nd.lightmapUV = 0;\n#endif\nd.boxMax[0] = unity_SpecCube0_BoxMax;\nd.boxMin[0] = unity_SpecCube0_BoxMin;\nd.probePosition[0] = unity_SpecCube0_ProbePosition;\nd.probeHDR[0] = unity_SpecCube0_HDR;\nd.boxMax[1] = unity_SpecCube1_BoxMax;\nd.boxMin[1] = unity_SpecCube1_BoxMin;\nd.probePosition[1] = unity_SpecCube1_ProbePosition;\nd.probeHDR[1] = unity_SpecCube1_HDR;\n//【3】根据填充好的UnityGIInput结构体对象,调用一下UnityGlobalIllumination函数\nif(reflections)\n{\nUnity_GlossyEnvironmentData g;\ng.roughness= 1 - s.oneMinusRoughness;\n#if UNITY_OPTIMIZE_TEXCUBELOD || UNITY_STANDARD_SIMPLE\ng.reflUVW = s.reflUVW;\n#else\ng.reflUVW= reflect(s.eyeVec, s.normalWorld);\n#endif\nreturn UnityGlobalIllumination (d, occlusion, s.normalWorld, g);\n}\nelse\n{\nreturn UnityGlobalIllumination (d, occlusion, s.normalWorld);\n}\n}\ninline UnityGI FragmentGI (FragmentCommonData s, half occlusion, half4 i_ambientOrLightmapUV, half atten, UnityLight light)\n{\nreturn FragmentGI(s, occlusion, i_ambientOrLightmapUV, atten, light, true);\n}
\n
\n\n

  其中的UnityGIInput结构体定义了全局光照所需要的一些函数,定义为如下: 

\n\n
\n
 
\n
\n\n
\n//全局光照的输入参数结构体\n\nstruct UnityGIInput\n\n{\n\nUnityLight light; // 像素光源,由引擎准备并传输过来 || pixel light, sent from the engine\n\nfloat3 worldPos;//世界空间中的位置坐标\n\nhalf3 worldViewDir;//世界空间中的视角方向向量坐标\n\nhalf atten;//衰减值\n\nhalf3 ambient;//环境光颜色\n\nhalf4 lightmapUV; //光照贴图的UV坐标,其中 取.xy = static lightmapUV(静态光照贴图的UV) , .zw = dynamic lightmap UV(动态光照贴图的UV)\n\nfloat4 boxMax[2];//box最大值\n\nfloat4 boxMin[2];//box最小值\n\nfloat4 probePosition[2];//光照探针的位置\n\nfloat4 probeHDR[2];//光照探针的高动态范围图像(High-Dynamic Range)\n\n};
\n\n

UnityGIInput 中还包含了UnityLight结构体,其定义和代码实现上文刚刚已经有提到过。
\nFragmentGI函数最终利用了UnityGlobalIllumination函数,其定义于UnityGlobalIllumination.cginc头文件中,实现如下。 

\n\n
\n
\n
\ninline UnityGI UnityGlobalIllumination (UnityGIInput data, half occlusion, half3 normalWorld)\n{\nreturn UnityGI_Base(data, occlusion, normalWorld);\n}
\n此FragmentGI函数就是嵌套了一层UnityGI_Base函数,那我们继续溯源,找到UnityGI_Base函数的定义,也是位于UnityGlobalIllumination.cginc头文件中:
\n
\n\n
\n
 
\n\n
\n
\n//UnityGI_Base函数:Unity的全局光照Base版\n\ninline UnityGI UnityGI_Base(UnityGIInput data, half occlusion, half3 normalWorld)\n\n{\n\n//【1】实例化一个UnityGI类型的结构体\n\nUnityGI o_gi;\n\n//【2】重置此UnityGI的结构体\n\nResetUnityGI(o_gi);\n\n//【3】开始逐个填充参数\n\n#if !defined(LIGHTMAP_ON)\n\no_gi.light = data.light;\n\no_gi.light.color *= data.atten;\n\n#endif\n\n\n#if UNITY_SHOULD_SAMPLE_SH\n\n#if UNITY_SAMPLE_FULL_SH_PER_PIXEL\n\nhalf3 sh = ShadeSH9(half4(normalWorld, 1.0));\n\n#elif (SHADER_TARGET >= 30) && !UNITY_STANDARD_SIMPLE\n\nhalf3 sh = data.ambient + ShadeSH12Order(half4(normalWorld, 1.0));\n\n#else\n\nhalf3 sh = data.ambient;\n\n#endif\n\no_gi.indirect.diffuse = sh;\n\n#endif\n\n\n#if defined(LIGHTMAP_ON)\n\n// Baked lightmaps\n\nfixed4 bakedColorTex = UNITY_SAMPLE_TEX2D(unity_Lightmap, data.lightmapUV.xy);\n\nhalf3 bakedColor = DecodeLightmap(bakedColorTex);\n\n#ifdef DIRLIGHTMAP_OFF\n\no_gi.indirect.diffuse = bakedColor;\n\n#ifdef SHADOWS_SCREEN\n\no_gi.indirect.diffuse = MixLightmapWithRealtimeAttenuation (o_gi.indirect.diffuse, data.atten, bakedColorTex);\n\n#endif // SHADOWS_SCREEN\n\n#elif DIRLIGHTMAP_COMBINED\n\nfixed4 bakedDirTex = UNITY_SAMPLE_TEX2D_SAMPLER (unity_LightmapInd, unity_Lightmap, data.lightmapUV.xy);\n\no_gi.indirect.diffuse = DecodeDirectionalLightmap (bakedColor, bakedDirTex, normalWorld);\n\n#ifdef SHADOWS_SCREEN\n\no_gi.indirect.diffuse = MixLightmapWithRealtimeAttenuation (o_gi.indirect.diffuse, data.atten, bakedColorTex);\n\n#endif // SHADOWS_SCREEN\n\n#elif DIRLIGHTMAP_SEPARATE\n\n// Left halves of both intensity and direction lightmaps store direct light; right halves - indirect.\n\n// Direct\n\nfixed4 bakedDirTex = UNITY_SAMPLE_TEX2D_SAMPLER(unity_LightmapInd, unity_Lightmap, data.lightmapUV.xy);\n\no_gi.indirect.diffuse = DecodeDirectionalSpecularLightmap (bakedColor, bakedDirTex, normalWorld, false, 0, o_gi.light);\n\n// Indirect\n\nhalf2 uvIndirect = data.lightmapUV.xy + half2(0.5, 0);\n\nbakedColor = DecodeLightmap(UNITY_SAMPLE_TEX2D(unity_Lightmap, uvIndirect));\n\nbakedDirTex = UNITY_SAMPLE_TEX2D_SAMPLER(unity_LightmapInd, unity_Lightmap, uvIndirect);\n\no_gi.indirect.diffuse += DecodeDirectionalSpecularLightmap (bakedColor, bakedDirTex, normalWorld, false, 0, o_gi.light2);\n\n#endif\n\n#endif\n\n#ifdef DYNAMICLIGHTMAP_ON\n\n// Dynamic lightmaps\n\nfixed4 realtimeColorTex = UNITY_SAMPLE_TEX2D(unity_DynamicLightmap, data.lightmapUV.zw);\n\nhalf3 realtimeColor = DecodeRealtimeLightmap (realtimeColorTex);\n\n#ifdef DIRLIGHTMAP_OFF\n\no_gi.indirect.diffuse += realtimeColor;\n\n#elif DIRLIGHTMAP_COMBINED\n\nhalf4 realtimeDirTex = UNITY_SAMPLE_TEX2D_SAMPLER(unity_DynamicDirectionality, unity_DynamicLightmap, data.lightmapUV.zw);\n\no_gi.indirect.diffuse += DecodeDirectionalLightmap (realtimeColor, realtimeDirTex, normalWorld);\n\n#elif DIRLIGHTMAP_SEPARATE\n\nhalf4 realtimeDirTex = UNITY_SAMPLE_TEX2D_SAMPLER(unity_DynamicDirectionality, unity_DynamicLightmap, data.lightmapUV.zw);\n\nhalf4 realtimeNormalTex = UNITY_SAMPLE_TEX2D_SAMPLER(unity_DynamicNormal, unity_DynamicLightmap, data.lightmapUV.zw);\n\no_gi.indirect.diffuse += DecodeDirectionalSpecularLightmap (realtimeColor, realtimeDirTex, normalWorld, true, realtimeNormalTex, o_gi.light3);\n\n#endif\n\n#endif\n\no_gi.indirect.diffuse *= occlusion;\n\n//【4】返回此UnityGI类型的结构体\n\nreturn o_gi;\n\n}
\n
\n\n
不难发现,此FragmentGI函数的实现,也就是实例化一个UnityGIInput结构体对象,然后依次填充了此结构体对象的每个各个参数,最后调用一下基于UnityGI_Base函数的UnityGlobalIllumination函数而已。
\n   
\n7. UNITY_BRDF_PBS宏
\n
\n  首先,这边有一段宏,定义于UnityPBSLighting.cginc头文件中,根据不同的情况,将UNITY_BRDF_PBS宏定义为不同版本的UNITY_BRDF_PBS宏——是BRDF3_Unity_PBS、BRDF2_Unity_PBS还是BRDF1_Unity_PBS。 
\n\n
 
\n
\n\n
\n
\n
\n//-------------------------------------------------------------------------------------\n\n// 默认使用BRDF || Default BRDF to use:\n\n#if !defined (UNITY_BRDF_PBS) // 允许显式地在自定义着色器中重写BRDF的实现细节 || allow to explicitly override BRDF in custom shader\n\n//满足着色目标模型的版本小于Shader Model 3.0,或者是PlayStation 2平台\n\n#if (SHADER_TARGET < 30) || defined(SHADER_API_PSP2)\n\n// 为小于SM3.0的着色模型回退为低保真度的BRDF版本 || Fallback to low fidelity one for pre-SM3.0\n\n#define UNITY_BRDF_PBS BRDF3_Unity_PBS\n\n#elif defined(SHADER_API_MOBILE)\n\n// 为移动平台简化的BRDF版本 || Somewhat simplified for mobile\n\n#define UNITY_BRDF_PBS BRDF2_Unity_PBS\n\n#else\n\n//最高特效的SM3、PC平台或者游戏主机平台的BRDF版本 || Full quality for SM3+ PC / consoles\n\n#define UNITY_BRDF_PBS BRDF1_Unity_PBS\n\n#endif\n\n#endif三种情况下,BRDF3_Unity_PBS、BRDF2_Unity_PBS、 BRDF1_Unity_PBS三个函数的参数和返回值都一样,区别仅仅是内部的实现。在这边,以BRDF1_Unity_PBS为例,讲一下参数值的含义。\n\nhalf4 BRDF1_Unity_PBS (half3 diffColor,half3 specColor, half oneMinusReflectivity, half oneMinusRoughness,half3 normal,half3 viewDir,UnityLight light, UnityIndirect gi)
\n第一个参数,half3型的diffColor,表示漫反射颜色的值。
\n第二个参数,half3型的specColor,表示镜面反射颜色值。
\n第三个参数,half型的oneMinusReflectivity,表示1减去反射率的值。
\n第四个参数,half型的oneMinusRoughness,表示1减去粗糙度的值。
\n第五次参数,half3型的normal,表示法线的方向。
\n第六个参数,half3型的viewDir,表示视线的方向。
\n第七个参数,UnityLight型的light,表示Unity中光源参数的结构体,包含half3型的光源颜色color,half3型的光源方向dir,half型的入射光方向和当前表面法线方向的点乘的积ndotl。上文有贴出过其实现代码,都几次提到了,这边就再贴一下。
\n
\n\n
\n
 
\n
\n\n
\nstruct UnityLight\n{\nhalf3 color;//光源颜色\nhalf3 dir;//光源方向\nhalf  ndotl; //入射光方向和当前表面法线方向的点积\n};第八个参数,UnityIndirect类型的gi ,一个包含了half3型的漫反射颜色diffuse和half3型的镜面反射颜色specular的光线反射结构体,表示间接光照信息。\nstruct UnityIndirect\n{\nhalf3 diffuse;//漫反射颜色\nhalf3 specular;//镜面反射颜色\n};\n  下面将三种版本的函数分别贴出来,它们都定义于UnityStandardBRDF.cginc头文件中。\n\n
\n\n

7.1 BRDF1_Unity_PBS

\n\n
\n
\n//最高特效的SM3、PC平台或者游戏主机平台的BRDF版本 || Full quality for SM3+ PC / consoles\n\n//-------------------------------------------------------------------------------------\n\n// Note: BRDF entry points use oneMinusRoughness (aka "smoothness") and oneMinusReflectivity for optimization\n\n// purposes, mostly for DX9 SM2.0 level. Most of the math is being done on these (1-x) values, and that saves\n\n// a few precious ALU slots.\n\n\n// Main Physically Based BRDF\n\n// Derived from Disney work and based on Torrance-Sparrow micro-facet model\n\n//\n\n//   BRDF = kD / pi + kS * (D * V * F) / 4\n\n//   I = BRDF * NdotL\n\n//\n\n// * NDF (depending on UNITY_BRDF_GGX):\n\n//  a) Normalized BlinnPhong\n\n//  b) GGX\n\n// * Smith for Visiblity term\n\n// * Schlick approximation for Fresnel\n\nhalf4 BRDF1_Unity_PBS (half3 diffColor, half3 specColor, half oneMinusReflectivity, half oneMinusRoughness,\n\nhalf3 normal, half3 viewDir,\n\nUnityLight light, UnityIndirect gi)\n\n{\n\nhalf roughness = 1-oneMinusRoughness;\n\nhalf3 halfDir = Unity_SafeNormalize (light.dir + viewDir);\n\nhalf nl = light.ndotl;\n\nhalf nh = BlinnTerm (normal, halfDir);\n\nhalf nv = DotClamped (normal, viewDir);\n\nhalf lv = DotClamped (light.dir, viewDir);\n\nhalf lh = DotClamped (light.dir, halfDir);\n\n#if UNITY_BRDF_GGX\n\nhalf V = SmithGGXVisibilityTerm (nl, nv, roughness);\n\nhalf D = GGXTerm (nh, roughness);\n\n#else\n\nhalf V = SmithBeckmannVisibilityTerm (nl, nv, roughness);\n\nhalf D = NDFBlinnPhongNormalizedTerm (nh, RoughnessToSpecPower (roughness));\n\n#endif\n\nhalf nlPow5 = Pow5 (1-nl);\n\nhalf nvPow5 = Pow5 (1-nv);\n\nhalf Fd90 = 0.5 + 2 * lh * lh * roughness;\n\nhalf disneyDiffuse = (1 + (Fd90-1) * nlPow5) * (1 + (Fd90-1) * nvPow5);\n\n// HACK: theoretically we should divide by Pi diffuseTerm and not multiply specularTerm!\n\n// BUT 1) that will make shader look significantly darker than Legacy ones\n\n// and 2) on engine side "Non-important" lights have to be divided by Pi to in cases when they are injected into ambient SH\n\n// NOTE: multiplication by Pi is part of single constant together with 1/4 now\n\nhalf specularTerm = max(0, (V * D * nl) * unity_LightGammaCorrectionConsts_PIDiv4);// Torrance-Sparrow model, Fresnel is applied later (for optimization reasons)\n\nhalf diffuseTerm = disneyDiffuse * nl;\n\nhalf grazingTerm = saturate(oneMinusRoughness + (1-oneMinusReflectivity));\n\nhalf3 color =diffColor * (gi.diffuse + light.color * diffuseTerm)\n\n+ specularTerm * light.color * FresnelTerm (specColor, lh)\n\n+ gi.specular * FresnelLerp (specColor, grazingTerm, nv);\n\nreturn half4(color, 1);\n\n}
\n
\n\n
7.2 BRDF2_Unity_PBS
\n\n
 \n
\nhalf specularPower = RoughnessToSpecPower (roughness);\n\n// Modified with approximate Visibility function that takes roughness into account\n\n// Original ((n+1)*N.H^n) / (8*Pi * L.H^3) didn't take into account roughness\n\n// and produced extremely bright specular at grazing angles\n\n// HACK: theoretically we should divide by Pi diffuseTerm and not multiply specularTerm!\n\n// BUT 1) that will make shader look significantly darker than Legacy ones\n\n// and 2) on engine side "Non-important" lights have to be divided by Pi to in cases when they are injected into ambient SH\n\n// NOTE: multiplication by Pi is cancelled with Pi in denominator\n\nhalf invV = lh * lh * oneMinusRoughness + roughness * roughness; // approx ModifiedKelemenVisibilityTerm(lh, 1-oneMinusRoughness);\n\nhalf invF = lh;\n\nhalf specular = ((specularPower + 1) * pow (nh, specularPower)) / (unity_LightGammaCorrectionConsts_8 * invV * invF + 1e-4h); // @TODO: might still need saturate(nl*specular) on Adreno/Mali\n\n// Prevent FP16 overflow on mobiles\n\n#if SHADER_API_GLES || SHADER_API_GLES3\n\nspecular = clamp(specular, 0.0, 100.0);\n\n#endif\n\nhalf grazingTerm = saturate(oneMinusRoughness + (1-oneMinusReflectivity));\n\nhalf3 color =(diffColor + specular * specColor) * light.color * nl\n\n+ gi.diffuse * diffColor\n\n+ gi.specular * FresnelLerpFast (specColor, grazingTerm, nv);\n\nreturn half4(color, 1);\n\n}
\n
\n7.3 BRDF3_Unity_PBS
\n\n
 
\n\n
\n
 
\n
\n\n
\n// 为小于SM3.0的着色模型回退为低保真度的BRDF版本 || Fallback to low fidelity one for pre-SM3.0\n\n// Old school, not microfacet based Modified Normalized Blinn-Phong BRDF\n\n// Implementation uses Lookup texture for performance\n\n//\n\n// * Normalized BlinnPhong in RDF form\n\n// * Implicit Visibility term\n\n// * No Fresnel term\n\n//\n\n// TODO: specular is too weak in Linear rendering mode\n\nhalf4 BRDF3_Unity_PBS (half3 diffColor, half3 specColor, half oneMinusReflectivity, half oneMinusRoughness,\n\nhalf3 normal, half3 viewDir,\n\nUnityLight light, UnityIndirect gi)\n\n{\n\nhalf3 reflDir = reflect (viewDir, normal);\n\nhalf nl = light.ndotl;\n\nhalf nv = DotClamped (normal, viewDir);\n\n// Vectorize Pow4 to save instructions\n\nhalf2 rlPow4AndFresnelTerm = Pow4 (half2(dot(reflDir, light.dir), 1-nv));  // use R.L instead of N.H to save couple of instructions\n\nhalf rlPow4 = rlPow4AndFresnelTerm.x; // power exponent must match kHorizontalWarpExp in NHxRoughness() function in GeneratedTextures.cpp\n\nhalf fresnelTerm = rlPow4AndFresnelTerm.y;\n\nhalf grazingTerm = saturate(oneMinusRoughness + (1-oneMinusReflectivity));\n\nhalf3 color = BRDF3_Direct(diffColor, specColor, rlPow4, oneMinusRoughness);\n\ncolor *= light.color * nl;\n\ncolor += BRDF3_Indirect(diffColor, specColor, gi, grazingTerm, fresnelTerm);\n\nreturn half4(color, 1);\n\n}
\n\n

  BRDF1_Unity_PBS函数的实现部分用到了最多的变量,最终表现效果最好,主要用于Shader Model 3.0、PC平台或者游戏主机平台。BRDF2_Unity_PBS简化了一部分计算,主要用于移动平台,而BRDF3_Unity_PBS是为Shader Model 小于3.0的着色模型提供基本版的BRDF,实现细节最为简陋。
\n
\n8. UNITY_BRDF_GI宏
\n
\n  UNITY_BRDF_GI宏位于UnityPBSLighting.cginc头文件中,相关代码如下。 

\n\n
\n
\n
\n//-------------------------------------------------------------------------------------\n\n// 从间接的方向光照贴图中进行BRDF(双向反射分布函数)的光照提取 || BRDF for lights extracted from *indirect* directional lightmaps (baked and realtime).\n\n// 使用UNITY_BRDF_PBS从方向光源烘焙方向光照贴图, || Baked directional lightmap with *direct* light uses UNITY_BRDF_PBS.\n\n// 若想得到更好的效果,可以使用BRDF1_Unity_PBS || For better quality change to BRDF1_Unity_PBS.\n\n// SM2.0中的非方向光照贴图|| No directional lightmaps in SM2.0.\n\n//若没有定义UNITY_BRDF_PBS_LIGHTMAP_INDIRECT宏\n\n#if !defined(UNITY_BRDF_PBS_LIGHTMAP_INDIRECT)\n\n//定义UNITY_BRDF_PBS_LIGHTMAP_INDIRECT = BRDF2_Unity_PBS\n\n#define UNITY_BRDF_PBS_LIGHTMAP_INDIRECT BRDF2_Unity_PBS\n\n#endif\n\n//若没有定义UNITY_BRDF_GI宏\n\n#if !defined (UNITY_BRDF_GI)\n\n//定义UNITY_BRDF_GI = BRDF_Unity_Indirect\n\n#define UNITY_BRDF_GI BRDF_Unity_Indirect\n\n#endif\n
\n
\n
\n\n

上面这段代码中关于UNITY_BRDF_GI宏的地方,就是说若没有定义UNITY_BRDF_GI宏,就定义一个UNITY_BRDF_GI宏等价于BRDF_Unity_Indirect。这边的BRDF_Unity_Indirect是一个函数名,就紧紧跟在上面这段宏代码的后面:

\n\n
\n
\n
\n//间接光照的BRDF\n\ninline half3 BRDF_Unity_Indirect (half3 baseColor, half3 specColor, half oneMinusReflectivity, half oneMinusRoughness, half3 normal, half3 viewDir, half occlusion, UnityGI gi)\n\n{\n\nhalf3 c = 0;\n\n#if defined(DIRLIGHTMAP_SEPARATE)\n\ngi.indirect.diffuse = 0;\n\ngi.indirect.specular = 0;\n\n#ifdef LIGHTMAP_ON\n\nc += UNITY_BRDF_PBS_LIGHTMAP_INDIRECT (baseColor, specColor, oneMinusReflectivity, oneMinusRoughness, normal, viewDir, gi.light2, gi.indirect).rgb * occlusion;\n\n#endif\n\n#ifdef DYNAMICLIGHTMAP_ON\n\nc += UNITY_BRDF_PBS_LIGHTMAP_INDIRECT (baseColor, specColor, oneMinusReflectivity, oneMinusRoughness, normal, viewDir, gi.light3, gi.indirect).rgb * occlusion;\n\n#endif\n\n#endif\n\nreturn c;\n\n}
\n关于此段代码,BRDF_Unity_Indirect 函数的核心部分其实就是在调用UNITY_BRDF_PBS_LIGHTMAP_INDIRECT,而上文的宏有交代过,UNITY_BRDF_PBS_LIGHTMAP_INDIRECT宏等价于 BRDF2_Unity_PBS。而BRDF2_Unity_PBS函数,其定义于UnityStandardBRDF.cginc中,是为移动平台简化的BRDF版本,这个上文刚刚提到过,这边就不多交代。
\n  
\n9.Emission函数
\n
\nEmission函数定于于UnityStandardInput.cginc头文件中,根据指定的自发光光照贴图,利用tex2D函数,对输入的纹理进行光照贴图的采样,相关代码如下:
\n
\n\n
 
\n\n
\n
\n
\n//---------------------------------------【Emission函数】-----------------------------------------\n\n// 用途:根据指定的自发光光照贴图,利用tex2D函数,对输入的纹理进行光照贴图的采样\n\n// 输入参数:float2型的纹理坐标\n\n// 输出参数:经过将自发光纹理和输入纹理进行tex2D采样得到的half3型的自发光颜色\n\n//-----------------------------------------------------------------------------------------------\n\nhalf3 Emission(float2 uv)\n\n{\n\n#ifndef _EMISSION\n\nreturn 0;\n\n#else\n\nreturn tex2D(_EmissionMap, uv).rgb * _EmissionColor.rgb;\n\n#endif\n\n}
\n其中用于采样的自发光贴图对应的函数定义于UnityStandardInput.cginc头文件的一开始部分。
\n
\n\n
\n
\nsampler2D_EmissionMap;
\n\n

这边这句代码其实是相当于在CGPROGRAM中的顶点和片段着色函数之前,对这个变量进行声明,以便于CG语言块中使用的时候,能识别到他的含义。因为在Standard.shader源码的一开始,Properties块也就是属性值声明部分,对其进行了属性的声明:

\n
\n\n
\n
\n
\n//自发光纹理图\n\n_EmissionMap("Emission", 2D) = "white" {}
\n\n
 
\n10.UNITY_APPLY_FOG宏
\n
\n  UNITY_APPLY_FOG宏相关的一些代码用于雾效的启用与否的辅助工作,定义于UnityCG.cginc头文件中,这边贴出注释好的代码即可。 
\n
\n\n
 
\n\n
\n
\n
\n//UNITY_FOG_LERP_COLOR宏的定义\n\n#define UNITY_FOG_LERP_COLOR(col,fogCol,fogFac) col.rgb = lerp((fogCol).rgb, (col).rgb, saturate(fogFac))\n\n//【1】若已经定义了FOG_LINEAR、FOG_EXP、FOG_EXP2宏三者至少之一,便可以进行到此#if实现部分\n\n#if defined(FOG_LINEAR) || defined(FOG_EXP) || defined(FOG_EXP2)\n\n//【1-1】若满足着色目标模型的版本小于Shader Model 3.0,或者定义了SHADER_API_MOBILE宏,便可以进行到此#if实现部分\n\n#if (SHADER_TARGET < 30) || defined(SHADER_API_MOBILE)\n\n//移动平台和Shader Model 2.0:已经计算了每顶点的雾效因子,所以插一下值就可以了 ||mobile or SM2.0: fog factor was already calculated per-vertex, so just lerp the color\n\n//定义 UNITY_APPLY_FOG_COLOR(coord,col,fogCol) 等价于UNITY_FOG_LERP_COLOR(col,fogCol,coord)\n\n#define UNITY_APPLY_FOG_COLOR(coord,col,fogCol) UNITY_FOG_LERP_COLOR(col,fogCol,coord)\n\n//【1-2】 Shader Model 3.0和PC/游戏主机平台:计算雾效因子以及进行雾颜色的插值 ||SM3.0 and PC/console: calculate fog factor and lerp fog color\n\n#else\n\n//定义 UNITY_APPLY_FOG_COLOR(coord,col,fogCol)等价于UNITY_CALC_FOG_FACTOR(coord); UNITY_FOG_LERP_COLOR(col,fogCol,unityFogFactor)\n\n#define UNITY_APPLY_FOG_COLOR(coord,col,fogCol) UNITY_CALC_FOG_FACTOR(coord); UNITY_FOG_LERP_COLOR(col,fogCol,unityFogFactor)\n\n#endif\n\n//【2】否则,直接定义UNITY_APPLY_FOG_COLOR宏\n\n#else\n\n#define UNITY_APPLY_FOG_COLOR(coord,col,fogCol)\n\n#endif\n\n//【3】若定义了UNITY_PASS_FORWARDADD(正向附加渲染通道)宏\n\n#ifdef UNITY_PASS_FORWARDADD\n\n//定义UNITY_APPLY_FOG(coord,col) 等价于UNITY_APPLY_FOG_COLOR(coord,col,fixed4(0,0,0,0))\n\n#define UNITY_APPLY_FOG(coord,col) UNITY_APPLY_FOG_COLOR(coord,col,fixed4(0,0,0,0))\n\n//【4】否则,UNITY_APPLY_FOG(coord,col) 等价于 UNITY_APPLY_FOG_COLOR(coord,col,unity_FogColor)\n\n#else\n\n#define UNITY_APPLY_FOG(coord,col) UNITY_APPLY_FOG_COLOR(coord,col,unity_FogColor)\n\n#endif
\n
\n11.OutputForward函数
\n
\nOutputForward函数定义于UnityStandardCore.cginc头文件中,其为正向渲染通道的输出函数。
\n
\n\n
 
\n\n
\n
\n
\n//-----------------------------【函数OutputForward】----------------------------------------------\n\n// 用途:正向渲染通道输出函数\n\n//输入参数:一个half4类型的一个颜色值output,一个half型的透明度值alphaFromSurface\n\n// 返回值:经过透明处理的half4型的输出颜色值\n\n//-------------------------------------------------------------------------------------------------\n\nhalf4 OutputForward (half4 output, half alphaFromSurface)\n\n{\n\n#if defined(_ALPHABLEND_ON) || defined(_ALPHAPREMULTIPLY_ON)\n\noutput.a = alphaFromSurface;\n\n#else\n\nUNITY_OPAQUE_ALPHA(output.a);\n\n#endif\n\nreturn output;\n\n}\n\n
\n
\n
\n\n

  其中UNITY_OPAQUE_ALPHA宏的定义为: 

\n\n
\n
\n#define UNITY_OPAQUE_ALPHA(outputAlpha) outputAlpha = 1.0
\n\n

三、屏幕像素化特效的实现

\n\n

我们都知道,Unity中的屏幕特效通常分为两部分来实现:

\n
\n\n
    \n\t
  • Shader实现部分
  • \n\t
  • 脚本实现部分
  • \n
\n\n

下面依旧是从这两个方面对本次的特效进行实现。
\n
\n3.1 Shader实现部分
\n
\n国际惯例,上注释好的Shader代码。

\n\n
\n
\n
\nShader "浅墨Shader编程/Volume11/PixelEffect"\n\n{\n\n//------------------------------------【属性值】------------------------------------\n\nProperties\n\n{\n\n//主纹理\n\n_MainTex("Texture", 2D) = "white" {}\n\n//封装的变量值\n\n_Params("PixelNumPerRow (X) Ratio (Y)", Vector) = (80, 1, 1, 1.5)\n\n}\n\n//------------------------------------【唯一的子着色器】------------------------------------\n\nSubShader\n\n{\n\n//关闭剔除操作\n\nCull Off\n\n//关闭深度写入模式\n\nZWrite Off\n\n//设置深度测试模式:渲染所有像素.等同于关闭透明度测试(AlphaTest Off)\n\nZTest Always\n\n//--------------------------------唯一的通道-------------------------------\n\nPass\n\n{\n\n//===========开启CG着色器语言编写模块===========\n\nCGPROGRAM\n\n//编译指令:告知编译器顶点和片段着色函数的名称\n\n#pragma vertex vert\n\n#pragma fragment frag\n\n//包含头文件\n\n#include "UnityCG.cginc"\n\n//顶点着色器输入结构\n\nstruct vertexInput\n\n{\n\nfloat4 vertex : POSITION;//顶点位置\n\nfloat2 uv : TEXCOORD0;//一级纹理坐标\n\n};\n\n//顶点着色器输出结构\n\nstruct vertexOutput\n\n{\n\nfloat4 vertex : SV_POSITION;//像素位置\n\nfloat2 uv : TEXCOORD0;//一级纹理坐标\n\n};\n\n//--------------------------------【顶点着色函数】-----------------------------\n\n// 输入:顶点输入结构体\n\n// 输出:顶点输出结构体\n\n//---------------------------------------------------------------------------------\n\n//顶点着色函数\n\nvertexOutput vert(vertexInput   v)\n\n{\n\n//【1】实例化一个输入结构体\n\nvertexOutput o;\n\n//【2】填充此输出结构\n\n//输出的顶点位置(像素位置)为模型视图投影矩阵乘以顶点位置,也就是将三维空间中的坐标投影到了二维窗口\n\no.vertex = mul(UNITY_MATRIX_MVP, v.vertex);\n\n//输入的UV纹理坐标为顶点输出的坐标\n\no.uv = v.uv;\n\n//【3】返回此输出结构对象\n\nreturn o;\n\n}\n\n//变量的声明\n\nsampler2D _MainTex;\n\nhalf4 _Params;\n\n//进行像素化操作的自定义函数PixelateOperation\n\nhalf4 PixelateOperation(sampler2D tex, half2 uv, half scale, half ratio)\n\n{\n\n//【1】计算每个像素块的尺寸\n\nhalf PixelSize = 1.0 / scale;\n\n//【2】取整计算每个像素块的坐标值,ceil函数,对输入参数向上取整\n\nhalf coordX=PixelSize * ceil(uv.x / PixelSize);\n\nhalf coordY = (ratio * PixelSize)* ceil(uv.y / PixelSize / ratio);\n\n//【3】组合坐标值\n\nhalf2 coord = half2(coordX,coordY);\n\n//【4】返回坐标值\n\nreturn half4(tex2D(tex, coord).xyzw);\n\n}\n\n//--------------------------------【片段着色函数】-----------------------------\n\n// 输入:顶点输出结构体\n\n// 输出:float4型的像素颜色值\n\n//---------------------------------------------------------------------------------\n\nfixed4 frag(vertexOutput  Input) : COLOR\n\n{\n\n//使用自定义的PixelateOperation函数,计算每个像素经过取整后的颜色值\n\nreturn PixelateOperation(_MainTex, Input.uv, _Params.x, _Params.y);\n\n}\n\n//===========结束CG着色器语言编写模块===========\n\nENDCG\n\n}\n\n}\n\n}
\n如Shader代码中所展示的,本次的屏幕像素化特效主要用一个自定义函数来实现,实现代码如下:
\n
\n\n
 
\n\n
\n
\n
\n//进行像素化操作的自定义函数PixelateOperation\n\nhalf4 PixelateOperation(sampler2D tex, half2 uv, half scale, half ratio)\n\n{\n\n//【1】计算每个像素块的尺寸\n\nhalf PixelSize = 1.0 / scale;\n\n//【2】取整计算每个像素块的坐标值,ceil函数,对输入参数向上取整\n\nhalf coordX=PixelSize * ceil(uv.x / PixelSize);\n\nhalf coordY=( ratio * PixelSize ) * ceil(uv.y / PixelSize / ratio);\n\n//【3】组合坐标值\n\nhalf2 coord = half2(coordX,coordY);\n\n//【4】返回坐标值\n\nreturn half4(tex2D(tex, coord).xyzw);\n\n}\n\n
\n
\n
\n\n

首先需要了解到的是,此自定义函数中用到了CG标准函数库中的一个库函数——ceil。ceil(x)的作用是对输入参数向上取整。例如:ceil(float(1.3)) ,返回值就为2.0。
\nPixelateOperation函数的首先先计算出每个像素块的尺寸,然后根据这里的向上取整函数ceil,分别表示出像素块的坐标值。X坐标值为PixelSize * ceil(uv.x / PixelSize)。而Y轴这边还引入了一个系数ratio,先在式子一开头乘以此系数,然后在ceil函数之中的分母部分除以一个ratio,以达到用此参数实现自定义像素长宽比的调整操作。
\n  然后在片段着色器中调用此自定义的PixelateOperation函数,其返回值就作为片段函数frag的返回值即可:  

\n\n
\n
\n
\nfixed4 frag(vertexOutput  Input) : COLOR\n\n{\n\n//使用自定义的PixelateOperation函数,计算每个像素经过取整后的颜色值\n\nreturn PixelateOperation(_MainTex, Input.uv, _Params.x, _Params.y);\n\n}\n
\n
\n
\n\n


\n3.2 C#脚本实现部分
\n
\nC#脚本文件的代码依然是几乎从之前的几个特效中重用,只用稍微改一点细节就可以。贴出详细注释的实现此特效的C#脚本:

\n\n
\n
\n
\nusing UnityEngine;\n\nusing System.Collections;\n\n//设置在编辑模式下也执行该脚本\n\n[ExecuteInEditMode]\n\n//添加选项到菜单中\n\n[AddComponentMenu("浅墨Shader编程/Volume11/PixelEffect")]\n\npublic class PixelEffect : MonoBehaviour\n\n{\n\n//-----------------------------变量声明部分---------------------------\n\n#region Variables\n\n//着色器和材质实例\n\npublic Shader CurShader;\n\nprivate Material CurMaterial;\n\n//三个可调节的自定义参数\n\n[Range(1f, 1024f), Tooltip("屏幕每行将被均分为多少个像素块")]\n\npublic float PixelNumPerRow = 580.0f;\n\n[Tooltip("自动计算平方像素所需的长宽比与否")]\n\npublic bool AutoCalulateRatio = true;\n\n[Range(0f, 24f), Tooltip("此参数用于自定义长宽比")]\n\npublic float Ratio = 1.0f;\n\n#endregion\n\n\n//-------------------------材质的get&set----------------------------\n\n#region MaterialGetAndSet\n\nMaterial material\n\n{\n\nget\n\n{\n\nif(CurMaterial == null)\n\n{\n\nCurMaterial = new Material(CurShader);\n\nCurMaterial.hideFlags = HideFlags.HideAndDontSave;\n\n}\n\nreturn CurMaterial;\n\n}\n\n}\n\n#endregion\n\n//-----------------------------------------【Start()函数】--------------------------------------------- \n\n// 说明:此函数仅在Update函数第一次被调用前被调用\n\n//--------------------------------------------------------------------------------------------------------\n\nvoid Start ()\n\n{\n\n//找到当前的Shader文件\n\nCurShader = Shader.Find("浅墨Shader编程/Volume11/PixelEffect");\n\n//判断当前设备是否支持屏幕特效\n\nif(!SystemInfo.supportsImageEffects)\n\n{\n\nenabled = false;\n\nreturn;\n\n}\n\n}\n\n//-------------------------------------【OnRenderImage()函数】------------------------------------ \n\n// 说明:此函数在当完成所有渲染图片后被调用,用来渲染图片后期效果\n\n//--------------------------------------------------------------------------------------------------------\n\nvoid OnRenderImage (RenderTexture sourceTexture, RenderTexture destTexture)\n\n{\n\n//着色器实例不为空,就进行参数设置\n\nif(CurShader != null)\n\n{\n\nfloat pixelNumPerRow = PixelNumPerRow;\n\n//给Shader中的外部变量赋值\n\nmaterial.SetVector("_Params", new Vector2(pixelNumPerRow,\n\nAutoCalulateRatio ? ((float)sourceTexture.width / (float)sourceTexture.height) : Ratio ));\n\nGraphics.Blit(sourceTexture, destTexture, material);\n\n}\n\n//着色器实例为空,直接拷贝屏幕上的效果。此情况下是没有实现屏幕特效的\n\nelse\n\n{\n\n//直接拷贝源纹理到目标渲染纹理\n\nGraphics.Blit(sourceTexture, destTexture);\n\n}\n\n}\n\n//-----------------------------------------【Update()函数】----------------------------------------\n\n// 说明:此函数在每一帧中都会被调用 \n\n//------------------------------------------------------------------------------------------------------\n\nvoid Update()\n\n{\n\n//若程序在运行,进行赋值\n\nif (Application.isPlaying)\n\n{\n\n#if UNITY_EDITOR\n\nif (Application.isPlaying != true)\n\n{\n\nCurShader = Shader.Find("浅墨Shader编程/Volume11/PixelEffect");\n\n}\n\n#endif\n\n}\n\n}\n\n//-----------------------------------------【OnDisable()函数】--------------------------------------- \n\n// 说明:当对象变为不可用或非激活状态时此函数便被调用 \n\n//--------------------------------------------------------------------------------------------------------\n\nvoid OnDisable ()\n\n{\n\nif(CurMaterial)\n\n{\n\n//立即销毁材质实例\n\nDestroyImmediate(CurMaterial);\n\n}\n\n}\n\n}
\n根据我们C#脚本中参数的设定,可以有每行每列的像素个数PixelNumPerRow参数、是否自动计算正方形像素所需的长宽比与否AutoCalulateRatio参数、自定义长宽比的Ratio参数可以调节。而需要注意,若AutoCalulateRatio参数被勾选,我们的Shader将自动计算正方形像素所需的长宽比,这样第三个参数Ratio也就失效了。反正,若AutoCalulateRatio参数没有被勾选,就可以用Ratio参数自己定制像素的长宽比。
\n
\n\n
\n

\n
\n\n

下面依然是一起看一下运行效果的对比。
\n
\n四、最终的效果展示
\n
\n还是那句话,贴几张场景的效果图和使用了屏幕特效后的效果图。在试玩场景时,除了类似CS/CF的FPS游戏控制系统以外,还可以使用键盘上的按键【F】,开启或者屏幕特效。
\n推车与货物(with 屏幕像素化特效):

\n\n
\n

\n
\n\n

推车与货物(原始场景):

\n\n
\n

\n
\n\n

城镇中(with 屏幕像素化特效):

\n\n
\n

\n
\n\n

城镇中(原始场景):

\n\n
\n

\n
\n\n

悠长小径(with 屏幕像素化特效):

\n\n
\n

\n
\n\n

悠长小径(原始场景):

\n\n
\n

\n
\n\n

山丘(with 屏幕像素化特效):

\n\n
\n

\n
\n\n

山丘(原始场景):

\n\n

\n\n

天色渐暗(with 屏幕像素化特效):

\n\n
\n

\n
\n\n

天色渐暗(原始场景):

\n\n
\n

\n
\n\n

云端(with 屏幕像素化特效):

\n\n
\n

\n
\n\n

云端(原始场景):

\n\n
\n

\n
\n\n

图就贴这些,更多画面大家可以从文章开头下载的本文配套的exe场景,进行试玩,或者在本文附录中贴出的下载链接中下载本文配套的所有游戏资源的工程。考虑到有读者朋友反映有时候打包出的unitypackage包会因为unity自身的bug不好打开。干脆从本期开始,我们以后项目工程就直接传项目的压缩包。大家解压出文件夹,然后直接用Unity打开即可。
\n至此,本文结束。感谢大家的捧场,我们下次更新再会。

\n\n
\n

\n
\n\n

附: 本博文相关下载链接清单(到原文下载)
\n【百度云】博文示例场景exe下载
\n【百度云】博文示例场景资源和源码工程下载
\n【Github】屏幕油画特效实现源码

\n

作者信息

洞悉

洞悉

共发布了 3994 篇文章