1. 项目概述为什么你需要了解Unity Shader如果你正在使用Unity开发游戏或交互式应用并且对屏幕上那些流光溢彩的火焰、波光粼粼的水面、随风摇曳的植被或是角色身上细腻的布料质感感到好奇那么你绕不开的一个核心话题就是Shader。很多人一听到“Shader编程”就觉得是图形学大神的专属领域门槛高不可攀。但我想告诉你的是Shader的本质是一套运行在显卡GPU上的小程序它的核心任务非常明确告诉GPU如何计算屏幕上每一个像素的颜色。理解了这个你就迈出了从“美术资源使用者”到“视觉效果创造者”的关键一步。在Unity的日常开发中你接触的“材质球”Material其灵魂就是Shader。一个材质球定义了物体的颜色、光滑度、纹理等属性但这些属性最终如何被渲染出来完全由它背后挂载的Shader程序决定。当你发现默认的Standard Shader无法实现某种特殊的透明效果或者UI需要一种独特的溶解动画时学习编写或修改Shader就成了解决问题的唯一途径。这不仅能让你的项目视觉效果脱颖而出更是优化性能的利器——一个精心编写的Shader往往比堆叠多个后期处理特效要高效得多。本指南旨在为你拆解Unity Shader的学习路径、核心概念和实战技巧无论你是程序想深入图形底层还是TA技术美术想打通技术与艺术的壁垒都能从这里找到清晰的入口。2. Shader核心概念与Unity中的分类在深入代码之前我们必须统一“语言”。Unity文档和社区里常混用“Shader”这个词容易让新手困惑。这里我们先厘清几个关键术语。2.1 关键术语解析首先Shader着色器程序特指那段运行在GPU上的代码。它是一系列指令的集合用于处理顶点、像素等数据。其次Shader对象Shader Object是Unity引擎中的一个Shader类实例。它是Shader程序的容器还包含了Unity如何组织和使用这些程序的元数据。我们通常在材质球的“Shader”下拉菜单里选择的就是一个Shader对象。最后Shader资源.shader文件是你项目Assets文件夹里那个以.shader为后缀的文件。它使用一种名为ShaderLab的Unity专属语言编写不仅包含了供GPU执行的Shader程序代码块用HLSL、GLSL等编写还定义了Shader的属性、子着色器、渲染状态等完整结构。注意很多人会把“材质”和“Shader”混淆。你可以这样理解Shader是菜谱定义了烹饪的流程和方法如何渲染材质是按照菜谱准备的具体食材颜色贴图、法线贴图、浮点参数等。同一个Shader菜谱搭配不同的材质食材可以做出不同的菜渲染效果。2.2 Unity中的三大Shader类型Unity官方将Shader分为三大类对应不同的应用场景和编写方式1. 图形管线着色器这是最常见、我们平时讨论最多的类型。它直接参与标准的图形渲染管线负责将3D模型网格和纹理最终转化为屏幕上的2D像素。根据其处理阶段和粒度又可细分为顶点着色器在每个顶点上执行负责顶点的空间变换从模型空间到裁剪空间、计算并传递后续阶段所需的数据如纹理坐标、法线、颜色。片元着色器或称像素着色器在每个像素或更精确地说每个片元上执行是决定像素最终颜色的核心环节。光照计算、纹理采样、颜色混合都在这里发生。在Unity中我们通常通过创建.shader文件或使用Shader Graph工具来创建这类Shader。它们被封装成Shader对象供材质球使用。2. 计算着色器这类Shader完全脱离了传统的图形渲染管线。它利用GPU强大的并行计算能力进行与渲染结果无直接关联的通用计算例如粒子系统模拟、物理计算、图像处理、人工智能推理等。计算着色器的工作方式是定义线程组让成千上万的线程同时处理数据缓冲区Buffer。在Unity中它对于需要高性能并行计算的场景是无可替代的选择。3. 光线追踪着色器这是随着硬件光追技术普及而新增的类别。当启用光线追踪时这些Shader定义了光线与场景几何体交互时的行为例如当射线击中表面时如何计算颜色最接近着色器、如何生成新的射线任意命中着色器以及如何计算阴影阴影着色器。它用于实现逼真的反射、折射、软阴影和全局光照效果。对于初学者和绝大多数日常开发需求我们的重点将放在图形管线着色器上。这是实现丰富视觉表现的基石。3. 从ShaderLab开始理解Unity Shader的基本结构Unity的.shader文件使用ShaderLab语言来组织。即使你后期更多地使用可视化工具理解ShaderLab结构对于调试和深入优化也至关重要。一个最基本的ShaderLab文件结构如下Shader MyCustom/SimpleShader // 1. Shader在材质下拉菜单中的路径 { Properties // 2. 属性块定义在材质面板中可调节的参数 { _MainTex (Texture, 2D) white {} _Color (Color, Color) (1,1,1,1) _Glossiness (Smoothness, Range(0,1)) 0.5 } SubShader // 3. 子着色器块针对不同渲染管线或硬件等级提供备选方案 { Tags { RenderTypeOpaque } // 渲染标签 LOD 100 // 细节级别 Pass // 4. 通道一次完整的渲染流程 { CGPROGRAM // 开始CG/HLSL代码段 #pragma vertex vert // 指定顶点着色器函数名 #pragma fragment frag // 指定片元着色器函数名 #include UnityCG.cginc // 包含Unity内置函数库 // 从Properties块声明的变量需要在此再次声明以在CG代码中使用 sampler2D _MainTex; float4 _MainTex_ST; // 纹理的缩放偏移值命名规则为“变量名_ST” fixed4 _Color; // 应用程序到顶点着色器的输入结构 struct appdata { float4 vertex : POSITION; // 顶点位置模型空间 float2 uv : TEXCOORD0; // 第一套纹理坐标 }; // 顶点着色器到片元着色器的传递结构 struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; // 裁剪空间位置 }; // 顶点着色器函数 v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); // 核心变换模型空间-裁剪空间 o.uv TRANSFORM_TEX(v.uv, _MainTex); // 应用纹理的缩放和偏移 return o; } // 片元着色器函数 fixed4 frag (v2f i) : SV_Target { fixed4 col tex2D(_MainTex, i.uv); // 采样主纹理 col * _Color; // 乘以颜色属性 return col; } ENDCG // 结束CG/HLSL代码段 } } FallBack Diffuse // 5. 备胎如果所有SubShader都不支持则使用这个备用的Shader }结构拆解与实操要点Shader路径MyCustom/SimpleShader。这决定了它在材质球下拉菜单中的位置。良好的命名和分类习惯如Unlit/TextureCustom/Effects/Dissolve能让团队协作更高效。Properties属性块这是Shader与美术、策划沟通的界面。在这里定义的变量会显示在材质面板上。常见类型有2D纹理。Color颜色RGBA。Range(min, max)一个滑块控制的浮点数。Float浮点数。Vector四维向量。在CGPROGRAM代码段中必须使用完全相同的变量名重新声明一次Shader才能使用。SubShader子着色器一个Shader可以包含多个SubShader。Unity会从上到下检查第一个能被当前GPU支持的SubShader并执行。这常用于为高端和低端设备提供不同复杂度的渲染方案。LODLevel of Detail值用于在运行时根据设定的全局LOD阈值自动切换SubShader。Pass通道一个SubShader内可以包含多个Pass。每个Pass意味着物体被渲染一次。复杂的效果如描边、透明叠加可能需要多个Pass。但请注意多Pass会显著增加Draw Call是性能优化的重点监控对象。CGPROGRAM代码块这里是编写HLSLHigh-Level Shading Language代码的地方。#pragma指令告诉Unity编译哪个函数作为顶点/片元着色器。#include用于引入内置头文件如UnityCG.cginc其中包含了UnityObjectToClipPos、TRANSFORM_TEX等极其常用的辅助函数。实操心得在编写Properties时给变量一个清晰的显示名称如(Texture, 2D)比用代码变量名更重要。这能极大降低美术同事的使用门槛。另外_MainTex_ST这个自动生成的变量ST代表Scale和Translation是新手容易遗漏的点忘记在片元着色器中使用TRANSFORM_TEX处理UV会导致纹理的缩放偏移Tiling和Offset设置失效。4. 核心渲染流程与空间变换详解理解顶点着色器中最关键的一行代码o.vertex UnityObjectToClipPos(v.vertex);背后发生了什么是掌握Shader的钥匙。这行代码完成了从模型空间到裁剪空间的顶点位置变换。4.1 渲染流水线与着色器职责一个简化的渲染管线流程如下顶点数据输入CPU将模型的顶点数据位置、法线、UV等传递给GPU。顶点着色器对每个顶点执行。主要任务是进行坐标变换模型-世界-观察-裁剪空间并准备传递给片元着色器的数据如纹理坐标、颜色、光照信息。图元装配与光栅化GPU将顶点连接成三角形图元然后确定这些三角形覆盖了屏幕上的哪些像素片元。片元着色器对每个片元执行。核心任务是计算该像素的最终颜色。这通常包括采样纹理、计算光照如果不在顶点着色器计算、应用雾效等。输出合并将片元着色器的输出与帧缓冲区中现有的颜色进行混合例如处理透明度。4.2 至关重要的坐标空间顶点在GPU中经历多个坐标空间的变换每个空间都有其意义模型空间顶点相对于模型原点的位置是美术在3D软件中制作时的原始坐标。世界空间顶点在游戏世界全局坐标系中的位置。通过乘以unity_ObjectToWorld矩阵模型矩阵实现变换。观察空间摄像机空间顶点相对于摄像机的位置和方向。通过乘以unity_MatrixV视图矩阵实现变换。裁剪空间顶点在一个视锥体范围内的坐标。在此空间下GPU可以方便地进行裁剪剔除视锥体外的部分。通过乘以UNITY_MATRIX_VP视图投影矩阵或unity_MatrixVP实现变换。UnityObjectToClipPos函数内部就是完成了mul(UNITY_MATRIX_VP, mul(unity_ObjectToWorld, float4(pos, 1.0)))这个组合变换。屏幕空间顶点对应的最终屏幕像素坐标。由GPU通过透视除法xyz/w和视口变换自动得到。在片元着色器中我们经常需要将一些向量如法线从模型空间变换到世界空间以便进行正确的光照计算。这时需要使用unity_WorldToObject矩阵的逆转置矩阵来变换法线或直接使用Unity内置的UnityObjectToWorldNormal函数。一个常见的顶点着色器数据准备示例v2f vert (appdata_tan v) // 使用带切线的输入结构 { v2f o; o.pos UnityObjectToClipPos(v.vertex); o.uv TRANSFORM_TEX(v.uv, _MainTex); // 将法线从模型空间变换到世界空间 o.worldNormal UnityObjectToWorldNormal(v.normal); // 将顶点位置从模型空间变换到世界空间用于世界空间光照计算 o.worldPos mul(unity_ObjectToWorld, v.vertex).xyz; // 计算世界空间下的切线、副法线用于法线贴图 float3 worldTangent UnityObjectToWorldDir(v.tangent.xyz); float tangentSign v.tangent.w * unity_WorldTransformParams.w; float3 worldBitangent cross(o.worldNormal, worldTangent) * tangentSign; o.tangentToWorld float3x3(worldTangent, worldBitangent, o.worldNormal); return o; }5. 实战构建你的第一个自定义Shader效果理论需要实践来巩固。让我们一步步实现一个简单的、但效果明显的自定义Shader纹理滚动效果。这个效果常用于流动的河流、熔岩地表、飘动的云层等。5.1 效果设计与属性定义我们希望主纹理能够沿着U和V方向独立滚动。因此需要在Properties中定义两个速度参数。Shader Custom/ScrollingTexture { Properties { _MainTex (Base Layer (RGB), 2D) white {} _ScrollSpeedU (U Speed, Float) 0.5 _ScrollSpeedV (V Speed, Float) 0.0 _Color (Tint Color, Color) (1,1,1,1) } SubShader { Tags { RenderTypeOpaque } LOD 200 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include UnityCG.cginc struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; float4 _MainTex_ST; fixed4 _Color; float _ScrollSpeedU; float _ScrollSpeedV; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); o.uv TRANSFORM_TEX(v.uv, _MainTex); // 先应用材质面板的Tiling和Offset return o; } fixed4 frag (v2f i) : SV_Target { // 核心根据时间偏移UV坐标 float2 scrolledUV i.uv; scrolledUV.x _Time.y * _ScrollSpeedU; // _Time.y是自场景加载以来的总时间秒 scrolledUV.y _Time.y * _ScrollSpeedV; fixed4 col tex2D(_MainTex, scrolledUV); col * _Color; return col; } ENDCG } } FallBack Diffuse }5.2 关键代码解析与技巧_Time内置变量Unity提供了_Timefloat4这个非常有用的内置变量。它的四个分量分别是_Time.x: Time since level load / 20_Time.y: Time since level load (最常用)_Time.z: Time since level load * 2_Time.w: Time since level load * 3 我们使用_Time.y来获取以秒为单位的总时间乘以速度系数得到UV的偏移量。UV偏移计算scrolledUV.x _Time.y * _ScrollSpeedU;。这是一个简单的加法。如果希望纹理循环无缝UV值本身会在[0,1]区间内自动回绕wrap这是纹理采样器的默认行为Wrap Mode设置为Repeat。如果设置为Clamp则纹理会卡在边缘。性能与扩展这个计算放在片元着色器中每个像素都会执行一次。如果纹理滚动速度不变也可以将时间计算移到顶点着色器通过v2f结构传递给片元着色器性能稍好但效果上对于非动态网格几乎没有区别。扩展思路你可以很容易地将其扩展为多层纹理混合滚动模拟更复杂的自然现象。例如添加第二层纹理_DetailTex以不同的速度和方向滚动然后与主纹理通过lerp或乘法混合。注意事项_Time在编辑模式下和播放模式下都会更新。但如果你需要与游戏逻辑时间同步例如受Time.timeScale影响应该使用_Time.y。如果希望效果在游戏暂停时也停止可以考虑通过脚本将Time.time传递给Shader的一个自定义属性。另外过快的滚动速度可能导致视觉上的“闪烁”或“撕裂”适当调节速度值并使用高质量纹理可以缓解。6. 深入光照模型从Unlit到PBRUnity内置的Standard Shader基于物理渲染PBR其光照模型非常复杂。作为入门我们可以从实现一个简化的漫反射Lambert和高光反射Blinn-Phong模型开始这是理解光照计算的基础。6.1 实现简化的漫反射光照漫反射光照模拟光线在粗糙表面均匀地向各个方向反射的现象。其基本公式是漫反射颜色 光源颜色 * 表面基色 * max(0, dot(表面法线, 光线方向))。我们需要在Shader中获取光源信息。Unity为前向渲染路径提供了内置变量和函数来简化这一过程。Shader Custom/SimpleDiffuse { Properties { _MainTex (Texture, 2D) white {} _Color (Color, Color) (1,1,1,1) _Gloss (Gloss, Range(8.0, 256)) 20 _SpecularColor (Specular Color, Color) (1,1,1,1) } SubShader { Tags { RenderTypeOpaque LightModeForwardBase } // 注意LightMode标签 LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #pragma multi_compile_fwdbase // 编译多个前向渲染变体 #include UnityCG.cginc #include Lighting.cginc // 包含光照计算相关函数和变量 struct appdata { float4 vertex : POSITION; float3 normal : NORMAL; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; float3 worldNormal : TEXCOORD1; float3 worldPos : TEXCOORD2; }; sampler2D _MainTex; float4 _MainTex_ST; fixed4 _Color; float _Gloss; fixed4 _SpecularColor; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); o.uv TRANSFORM_TEX(v.uv, _MainTex); o.worldNormal UnityObjectToWorldNormal(v.normal); // 变换法线到世界空间 o.worldPos mul(unity_ObjectToWorld, v.vertex).xyz; // 变换顶点到世界空间 return o; } fixed4 frag (v2f i) : SV_Target { // 准备基础数据 fixed4 albedo tex2D(_MainTex, i.uv) * _Color; float3 worldNormal normalize(i.worldNormal); float3 worldLightDir normalize(_WorldSpaceLightPos0.xyz); // 平行光方向 float3 viewDir normalize(_WorldSpaceCameraPos.xyz - i.worldPos); // 视线方向 // 环境光 fixed3 ambient UNITY_LIGHTMODEL_AMBIENT.xyz * albedo.rgb; // 漫反射 (Lambert) fixed diff max(0, dot(worldNormal, worldLightDir)); fixed3 diffuse _LightColor0.rgb * albedo.rgb * diff; // 高光反射 (Blinn-Phong) float3 halfDir normalize(worldLightDir viewDir); float spec pow(max(0, dot(worldNormal, halfDir)), _Gloss); fixed3 specular _LightColor0.rgb * _SpecularColor.rgb * spec; // 最终颜色组合 fixed3 finalColor ambient diffuse specular; return fixed4(finalColor, 1.0); } ENDCG } } FallBack Diffuse }6.2 代码要点与内置变量说明LightMode标签LightModeForwardBase告诉Unity这个Pass用于前向渲染中的基础通道处理主方向光和环境光/光照贴图。这是获取正确光源数据的前提。#include Lighting.cginc这个头文件定义了_WorldSpaceLightPos0、_LightColor0、UNITY_LIGHTMODEL_AMBIENT等关键光照变量。关键内置变量_WorldSpaceLightPos0如果光源是平行光其.xyz分量表示光的方向从光源指向照射点如果是点光源或聚光灯其.xyz表示光源在世界空间的位置.w分量则为1。_LightColor0当前处理的光源的颜色和强度。_WorldSpaceCameraPos摄像机在世界空间的位置。Blinn-Phong模型相比经典的Phong模型反射光与视线方向的点积Blinn-Phong使用半角向量halfDir光线与视线方向的中间向量与法线的点积计算量稍小且在视觉效果上更接近真实高光是游戏中常用的简化高光模型。_Gloss参数控制高光的光泽度反光度值越大高光点越小越集中。实操心得这个简单的光照模型仅处理了单个平行光。在实际项目中对于点光源和聚光灯你需要编写额外的Pass并设置LightMode为ForwardAdd或者使用Unity的Surface Shader一种生成光照模型代码的抽象层或URP/HDRP内置的Lit Shader Graph。对于移动平台复杂的逐像素光照可能成为性能瓶颈此时可以考虑使用更简化的模型如半兰伯特或将部分计算移到顶点着色器逐顶点光照。7. 常见问题排查与性能优化技巧Shader调试不像C#代码那样可以方便地打断点、打印日志。更多时候我们需要依靠“视觉化调试”和经验。7.1 典型问题与排查思路问题1物体渲染为全黑或全粉洋红色。全黑通常意味着片元着色器返回了fixed4(0,0,0,1)。检查光照计算是否正确法线向量是否已归一化normalize纹理采样是否成功UV坐标是否正确传递和变换可以尝试返回fixed4(i.uv, 0, 1)将UV可视化。颜色值是否被意外乘以0全粉Missing Material Color这是Unity的“错误色”。通常意味着Shader编译失败。检查Unity Console窗口是否有Shader编译错误这是第一线索。CGPROGRAM代码块中是否有语法错误变量名是否拼写错误Properties中声明的变量是否在CGPROGRAM中重新声明了问题2纹理的Tiling和Offset设置无效。确保在片元着色器中采样纹理时使用了经过TRANSFORM_TEX宏处理的UV坐标而不是原始的i.uv。问题3法线贴图看起来不对或者光照在物体移动/旋转时出错。法线贴图中存储的通常是切线空间下的法线。你需要正确构建切线空间矩阵TBN矩阵将采样的法线从切线空间变换到世界空间再参与光照计算。确保顶点输入结构包含了TANGENT语义并在顶点着色器中正确计算worldTangent和worldBitangent。问题4透明效果渲染顺序错乱。透明渲染需要物体从后往前绘制。在SubShader或Pass的Tags中设置QueueTransparent并设置正确的混合模式如Blend SrcAlpha OneMinusSrcAlphaAlpha混合。对于复杂的透明物体可能还需要处理深度写入ZWrite。7.2 性能优化核心准则Shader性能优化是移动端和大型项目的重中之重。精度选择在片元着色器中优先使用低精度数据类型。fixed低精度通常为-2到2适用于颜色和单位向量。half中精度半浮点适用于短向量、UV、模型空间位置。float全精度用于世界空间位置、矩阵计算等。 错误地使用float代替fixed来处理颜色会造成不必要的性能开销。减少纹理采样纹理采样是GPU中代价较高的操作。尽量避免在片元着色器中多次采样同一张纹理。如果多次用到同一纹理的不同通道如RGBA采样一次后存入变量复用。简化数学运算尽可能使用内置函数如dot,cross,normalize它们通常有硬件优化。避免在片元着色器中使用复杂的循环和分支if,for尤其是在低端GPU上。善用LOD和变体利用SubShader的LOD指令为不同性能的硬件提供不同复杂度的Shader版本。使用#pragma multi_compile或shader_feature生成Shader变体只编译项目中用到的功能组合避免最终构建的Shader文件过大。在顶点着色器与片元着色器之间权衡如果某些计算如简单的UV动画、顶点位移在顶点和片元着色器结果视觉差异不大尽量移到顶点着色器因为顶点数量远少于片元数量。一个简单的性能检查清单检查项优化建议片元着色器计算复杂度检查是否有昂贵的pow、sin、cos运算考虑使用查找表或近似计算。纹理采样次数使用工具如Unity Frame Debugger查看Draw Call的纹理采样次数尝试合并纹理或使用纹理图集。数据精度将不需要高精度的变量声明为fixed或half。渲染状态是否开启了不必要的深度写入、模板测试、Alpha混合Shader变体数量检查项目构建后Shader变体数量是否爆炸合理使用#pragma skip_variants或优化多编译指令。掌握这些排查和优化技巧意味着你开始从“能让Shader跑起来”向“能让Shader高效、稳定地跑起来”进阶。Shader学习是一个持续的过程从理解管线、熟悉语法到实现效果、优化性能每一步都需要结合大量的实践和思考。最好的学习方法就是动手修改现有的Shader观察每一行代码对最终画面的影响并尝试将自己天马行空的想法通过一行行代码转化为屏幕上真实可见的视觉魔法。
1. 项目概述为什么你需要了解Unity Shader如果你正在使用Unity开发游戏或交互式应用并且对屏幕上那些流光溢彩的火焰、波光粼粼的水面、随风摇曳的植被或是角色身上细腻的布料质感感到好奇那么你绕不开的一个核心话题就是Shader。很多人一听到“Shader编程”就觉得是图形学大神的专属领域门槛高不可攀。但我想告诉你的是Shader的本质是一套运行在显卡GPU上的小程序它的核心任务非常明确告诉GPU如何计算屏幕上每一个像素的颜色。理解了这个你就迈出了从“美术资源使用者”到“视觉效果创造者”的关键一步。在Unity的日常开发中你接触的“材质球”Material其灵魂就是Shader。一个材质球定义了物体的颜色、光滑度、纹理等属性但这些属性最终如何被渲染出来完全由它背后挂载的Shader程序决定。当你发现默认的Standard Shader无法实现某种特殊的透明效果或者UI需要一种独特的溶解动画时学习编写或修改Shader就成了解决问题的唯一途径。这不仅能让你的项目视觉效果脱颖而出更是优化性能的利器——一个精心编写的Shader往往比堆叠多个后期处理特效要高效得多。本指南旨在为你拆解Unity Shader的学习路径、核心概念和实战技巧无论你是程序想深入图形底层还是TA技术美术想打通技术与艺术的壁垒都能从这里找到清晰的入口。2. Shader核心概念与Unity中的分类在深入代码之前我们必须统一“语言”。Unity文档和社区里常混用“Shader”这个词容易让新手困惑。这里我们先厘清几个关键术语。2.1 关键术语解析首先Shader着色器程序特指那段运行在GPU上的代码。它是一系列指令的集合用于处理顶点、像素等数据。其次Shader对象Shader Object是Unity引擎中的一个Shader类实例。它是Shader程序的容器还包含了Unity如何组织和使用这些程序的元数据。我们通常在材质球的“Shader”下拉菜单里选择的就是一个Shader对象。最后Shader资源.shader文件是你项目Assets文件夹里那个以.shader为后缀的文件。它使用一种名为ShaderLab的Unity专属语言编写不仅包含了供GPU执行的Shader程序代码块用HLSL、GLSL等编写还定义了Shader的属性、子着色器、渲染状态等完整结构。注意很多人会把“材质”和“Shader”混淆。你可以这样理解Shader是菜谱定义了烹饪的流程和方法如何渲染材质是按照菜谱准备的具体食材颜色贴图、法线贴图、浮点参数等。同一个Shader菜谱搭配不同的材质食材可以做出不同的菜渲染效果。2.2 Unity中的三大Shader类型Unity官方将Shader分为三大类对应不同的应用场景和编写方式1. 图形管线着色器这是最常见、我们平时讨论最多的类型。它直接参与标准的图形渲染管线负责将3D模型网格和纹理最终转化为屏幕上的2D像素。根据其处理阶段和粒度又可细分为顶点着色器在每个顶点上执行负责顶点的空间变换从模型空间到裁剪空间、计算并传递后续阶段所需的数据如纹理坐标、法线、颜色。片元着色器或称像素着色器在每个像素或更精确地说每个片元上执行是决定像素最终颜色的核心环节。光照计算、纹理采样、颜色混合都在这里发生。在Unity中我们通常通过创建.shader文件或使用Shader Graph工具来创建这类Shader。它们被封装成Shader对象供材质球使用。2. 计算着色器这类Shader完全脱离了传统的图形渲染管线。它利用GPU强大的并行计算能力进行与渲染结果无直接关联的通用计算例如粒子系统模拟、物理计算、图像处理、人工智能推理等。计算着色器的工作方式是定义线程组让成千上万的线程同时处理数据缓冲区Buffer。在Unity中它对于需要高性能并行计算的场景是无可替代的选择。3. 光线追踪着色器这是随着硬件光追技术普及而新增的类别。当启用光线追踪时这些Shader定义了光线与场景几何体交互时的行为例如当射线击中表面时如何计算颜色最接近着色器、如何生成新的射线任意命中着色器以及如何计算阴影阴影着色器。它用于实现逼真的反射、折射、软阴影和全局光照效果。对于初学者和绝大多数日常开发需求我们的重点将放在图形管线着色器上。这是实现丰富视觉表现的基石。3. 从ShaderLab开始理解Unity Shader的基本结构Unity的.shader文件使用ShaderLab语言来组织。即使你后期更多地使用可视化工具理解ShaderLab结构对于调试和深入优化也至关重要。一个最基本的ShaderLab文件结构如下Shader MyCustom/SimpleShader // 1. Shader在材质下拉菜单中的路径 { Properties // 2. 属性块定义在材质面板中可调节的参数 { _MainTex (Texture, 2D) white {} _Color (Color, Color) (1,1,1,1) _Glossiness (Smoothness, Range(0,1)) 0.5 } SubShader // 3. 子着色器块针对不同渲染管线或硬件等级提供备选方案 { Tags { RenderTypeOpaque } // 渲染标签 LOD 100 // 细节级别 Pass // 4. 通道一次完整的渲染流程 { CGPROGRAM // 开始CG/HLSL代码段 #pragma vertex vert // 指定顶点着色器函数名 #pragma fragment frag // 指定片元着色器函数名 #include UnityCG.cginc // 包含Unity内置函数库 // 从Properties块声明的变量需要在此再次声明以在CG代码中使用 sampler2D _MainTex; float4 _MainTex_ST; // 纹理的缩放偏移值命名规则为“变量名_ST” fixed4 _Color; // 应用程序到顶点着色器的输入结构 struct appdata { float4 vertex : POSITION; // 顶点位置模型空间 float2 uv : TEXCOORD0; // 第一套纹理坐标 }; // 顶点着色器到片元着色器的传递结构 struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; // 裁剪空间位置 }; // 顶点着色器函数 v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); // 核心变换模型空间-裁剪空间 o.uv TRANSFORM_TEX(v.uv, _MainTex); // 应用纹理的缩放和偏移 return o; } // 片元着色器函数 fixed4 frag (v2f i) : SV_Target { fixed4 col tex2D(_MainTex, i.uv); // 采样主纹理 col * _Color; // 乘以颜色属性 return col; } ENDCG // 结束CG/HLSL代码段 } } FallBack Diffuse // 5. 备胎如果所有SubShader都不支持则使用这个备用的Shader }结构拆解与实操要点Shader路径MyCustom/SimpleShader。这决定了它在材质球下拉菜单中的位置。良好的命名和分类习惯如Unlit/TextureCustom/Effects/Dissolve能让团队协作更高效。Properties属性块这是Shader与美术、策划沟通的界面。在这里定义的变量会显示在材质面板上。常见类型有2D纹理。Color颜色RGBA。Range(min, max)一个滑块控制的浮点数。Float浮点数。Vector四维向量。在CGPROGRAM代码段中必须使用完全相同的变量名重新声明一次Shader才能使用。SubShader子着色器一个Shader可以包含多个SubShader。Unity会从上到下检查第一个能被当前GPU支持的SubShader并执行。这常用于为高端和低端设备提供不同复杂度的渲染方案。LODLevel of Detail值用于在运行时根据设定的全局LOD阈值自动切换SubShader。Pass通道一个SubShader内可以包含多个Pass。每个Pass意味着物体被渲染一次。复杂的效果如描边、透明叠加可能需要多个Pass。但请注意多Pass会显著增加Draw Call是性能优化的重点监控对象。CGPROGRAM代码块这里是编写HLSLHigh-Level Shading Language代码的地方。#pragma指令告诉Unity编译哪个函数作为顶点/片元着色器。#include用于引入内置头文件如UnityCG.cginc其中包含了UnityObjectToClipPos、TRANSFORM_TEX等极其常用的辅助函数。实操心得在编写Properties时给变量一个清晰的显示名称如(Texture, 2D)比用代码变量名更重要。这能极大降低美术同事的使用门槛。另外_MainTex_ST这个自动生成的变量ST代表Scale和Translation是新手容易遗漏的点忘记在片元着色器中使用TRANSFORM_TEX处理UV会导致纹理的缩放偏移Tiling和Offset设置失效。4. 核心渲染流程与空间变换详解理解顶点着色器中最关键的一行代码o.vertex UnityObjectToClipPos(v.vertex);背后发生了什么是掌握Shader的钥匙。这行代码完成了从模型空间到裁剪空间的顶点位置变换。4.1 渲染流水线与着色器职责一个简化的渲染管线流程如下顶点数据输入CPU将模型的顶点数据位置、法线、UV等传递给GPU。顶点着色器对每个顶点执行。主要任务是进行坐标变换模型-世界-观察-裁剪空间并准备传递给片元着色器的数据如纹理坐标、颜色、光照信息。图元装配与光栅化GPU将顶点连接成三角形图元然后确定这些三角形覆盖了屏幕上的哪些像素片元。片元着色器对每个片元执行。核心任务是计算该像素的最终颜色。这通常包括采样纹理、计算光照如果不在顶点着色器计算、应用雾效等。输出合并将片元着色器的输出与帧缓冲区中现有的颜色进行混合例如处理透明度。4.2 至关重要的坐标空间顶点在GPU中经历多个坐标空间的变换每个空间都有其意义模型空间顶点相对于模型原点的位置是美术在3D软件中制作时的原始坐标。世界空间顶点在游戏世界全局坐标系中的位置。通过乘以unity_ObjectToWorld矩阵模型矩阵实现变换。观察空间摄像机空间顶点相对于摄像机的位置和方向。通过乘以unity_MatrixV视图矩阵实现变换。裁剪空间顶点在一个视锥体范围内的坐标。在此空间下GPU可以方便地进行裁剪剔除视锥体外的部分。通过乘以UNITY_MATRIX_VP视图投影矩阵或unity_MatrixVP实现变换。UnityObjectToClipPos函数内部就是完成了mul(UNITY_MATRIX_VP, mul(unity_ObjectToWorld, float4(pos, 1.0)))这个组合变换。屏幕空间顶点对应的最终屏幕像素坐标。由GPU通过透视除法xyz/w和视口变换自动得到。在片元着色器中我们经常需要将一些向量如法线从模型空间变换到世界空间以便进行正确的光照计算。这时需要使用unity_WorldToObject矩阵的逆转置矩阵来变换法线或直接使用Unity内置的UnityObjectToWorldNormal函数。一个常见的顶点着色器数据准备示例v2f vert (appdata_tan v) // 使用带切线的输入结构 { v2f o; o.pos UnityObjectToClipPos(v.vertex); o.uv TRANSFORM_TEX(v.uv, _MainTex); // 将法线从模型空间变换到世界空间 o.worldNormal UnityObjectToWorldNormal(v.normal); // 将顶点位置从模型空间变换到世界空间用于世界空间光照计算 o.worldPos mul(unity_ObjectToWorld, v.vertex).xyz; // 计算世界空间下的切线、副法线用于法线贴图 float3 worldTangent UnityObjectToWorldDir(v.tangent.xyz); float tangentSign v.tangent.w * unity_WorldTransformParams.w; float3 worldBitangent cross(o.worldNormal, worldTangent) * tangentSign; o.tangentToWorld float3x3(worldTangent, worldBitangent, o.worldNormal); return o; }5. 实战构建你的第一个自定义Shader效果理论需要实践来巩固。让我们一步步实现一个简单的、但效果明显的自定义Shader纹理滚动效果。这个效果常用于流动的河流、熔岩地表、飘动的云层等。5.1 效果设计与属性定义我们希望主纹理能够沿着U和V方向独立滚动。因此需要在Properties中定义两个速度参数。Shader Custom/ScrollingTexture { Properties { _MainTex (Base Layer (RGB), 2D) white {} _ScrollSpeedU (U Speed, Float) 0.5 _ScrollSpeedV (V Speed, Float) 0.0 _Color (Tint Color, Color) (1,1,1,1) } SubShader { Tags { RenderTypeOpaque } LOD 200 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include UnityCG.cginc struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; float4 _MainTex_ST; fixed4 _Color; float _ScrollSpeedU; float _ScrollSpeedV; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); o.uv TRANSFORM_TEX(v.uv, _MainTex); // 先应用材质面板的Tiling和Offset return o; } fixed4 frag (v2f i) : SV_Target { // 核心根据时间偏移UV坐标 float2 scrolledUV i.uv; scrolledUV.x _Time.y * _ScrollSpeedU; // _Time.y是自场景加载以来的总时间秒 scrolledUV.y _Time.y * _ScrollSpeedV; fixed4 col tex2D(_MainTex, scrolledUV); col * _Color; return col; } ENDCG } } FallBack Diffuse }5.2 关键代码解析与技巧_Time内置变量Unity提供了_Timefloat4这个非常有用的内置变量。它的四个分量分别是_Time.x: Time since level load / 20_Time.y: Time since level load (最常用)_Time.z: Time since level load * 2_Time.w: Time since level load * 3 我们使用_Time.y来获取以秒为单位的总时间乘以速度系数得到UV的偏移量。UV偏移计算scrolledUV.x _Time.y * _ScrollSpeedU;。这是一个简单的加法。如果希望纹理循环无缝UV值本身会在[0,1]区间内自动回绕wrap这是纹理采样器的默认行为Wrap Mode设置为Repeat。如果设置为Clamp则纹理会卡在边缘。性能与扩展这个计算放在片元着色器中每个像素都会执行一次。如果纹理滚动速度不变也可以将时间计算移到顶点着色器通过v2f结构传递给片元着色器性能稍好但效果上对于非动态网格几乎没有区别。扩展思路你可以很容易地将其扩展为多层纹理混合滚动模拟更复杂的自然现象。例如添加第二层纹理_DetailTex以不同的速度和方向滚动然后与主纹理通过lerp或乘法混合。注意事项_Time在编辑模式下和播放模式下都会更新。但如果你需要与游戏逻辑时间同步例如受Time.timeScale影响应该使用_Time.y。如果希望效果在游戏暂停时也停止可以考虑通过脚本将Time.time传递给Shader的一个自定义属性。另外过快的滚动速度可能导致视觉上的“闪烁”或“撕裂”适当调节速度值并使用高质量纹理可以缓解。6. 深入光照模型从Unlit到PBRUnity内置的Standard Shader基于物理渲染PBR其光照模型非常复杂。作为入门我们可以从实现一个简化的漫反射Lambert和高光反射Blinn-Phong模型开始这是理解光照计算的基础。6.1 实现简化的漫反射光照漫反射光照模拟光线在粗糙表面均匀地向各个方向反射的现象。其基本公式是漫反射颜色 光源颜色 * 表面基色 * max(0, dot(表面法线, 光线方向))。我们需要在Shader中获取光源信息。Unity为前向渲染路径提供了内置变量和函数来简化这一过程。Shader Custom/SimpleDiffuse { Properties { _MainTex (Texture, 2D) white {} _Color (Color, Color) (1,1,1,1) _Gloss (Gloss, Range(8.0, 256)) 20 _SpecularColor (Specular Color, Color) (1,1,1,1) } SubShader { Tags { RenderTypeOpaque LightModeForwardBase } // 注意LightMode标签 LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #pragma multi_compile_fwdbase // 编译多个前向渲染变体 #include UnityCG.cginc #include Lighting.cginc // 包含光照计算相关函数和变量 struct appdata { float4 vertex : POSITION; float3 normal : NORMAL; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; float3 worldNormal : TEXCOORD1; float3 worldPos : TEXCOORD2; }; sampler2D _MainTex; float4 _MainTex_ST; fixed4 _Color; float _Gloss; fixed4 _SpecularColor; v2f vert (appdata v) { v2f o; o.vertex UnityObjectToClipPos(v.vertex); o.uv TRANSFORM_TEX(v.uv, _MainTex); o.worldNormal UnityObjectToWorldNormal(v.normal); // 变换法线到世界空间 o.worldPos mul(unity_ObjectToWorld, v.vertex).xyz; // 变换顶点到世界空间 return o; } fixed4 frag (v2f i) : SV_Target { // 准备基础数据 fixed4 albedo tex2D(_MainTex, i.uv) * _Color; float3 worldNormal normalize(i.worldNormal); float3 worldLightDir normalize(_WorldSpaceLightPos0.xyz); // 平行光方向 float3 viewDir normalize(_WorldSpaceCameraPos.xyz - i.worldPos); // 视线方向 // 环境光 fixed3 ambient UNITY_LIGHTMODEL_AMBIENT.xyz * albedo.rgb; // 漫反射 (Lambert) fixed diff max(0, dot(worldNormal, worldLightDir)); fixed3 diffuse _LightColor0.rgb * albedo.rgb * diff; // 高光反射 (Blinn-Phong) float3 halfDir normalize(worldLightDir viewDir); float spec pow(max(0, dot(worldNormal, halfDir)), _Gloss); fixed3 specular _LightColor0.rgb * _SpecularColor.rgb * spec; // 最终颜色组合 fixed3 finalColor ambient diffuse specular; return fixed4(finalColor, 1.0); } ENDCG } } FallBack Diffuse }6.2 代码要点与内置变量说明LightMode标签LightModeForwardBase告诉Unity这个Pass用于前向渲染中的基础通道处理主方向光和环境光/光照贴图。这是获取正确光源数据的前提。#include Lighting.cginc这个头文件定义了_WorldSpaceLightPos0、_LightColor0、UNITY_LIGHTMODEL_AMBIENT等关键光照变量。关键内置变量_WorldSpaceLightPos0如果光源是平行光其.xyz分量表示光的方向从光源指向照射点如果是点光源或聚光灯其.xyz表示光源在世界空间的位置.w分量则为1。_LightColor0当前处理的光源的颜色和强度。_WorldSpaceCameraPos摄像机在世界空间的位置。Blinn-Phong模型相比经典的Phong模型反射光与视线方向的点积Blinn-Phong使用半角向量halfDir光线与视线方向的中间向量与法线的点积计算量稍小且在视觉效果上更接近真实高光是游戏中常用的简化高光模型。_Gloss参数控制高光的光泽度反光度值越大高光点越小越集中。实操心得这个简单的光照模型仅处理了单个平行光。在实际项目中对于点光源和聚光灯你需要编写额外的Pass并设置LightMode为ForwardAdd或者使用Unity的Surface Shader一种生成光照模型代码的抽象层或URP/HDRP内置的Lit Shader Graph。对于移动平台复杂的逐像素光照可能成为性能瓶颈此时可以考虑使用更简化的模型如半兰伯特或将部分计算移到顶点着色器逐顶点光照。7. 常见问题排查与性能优化技巧Shader调试不像C#代码那样可以方便地打断点、打印日志。更多时候我们需要依靠“视觉化调试”和经验。7.1 典型问题与排查思路问题1物体渲染为全黑或全粉洋红色。全黑通常意味着片元着色器返回了fixed4(0,0,0,1)。检查光照计算是否正确法线向量是否已归一化normalize纹理采样是否成功UV坐标是否正确传递和变换可以尝试返回fixed4(i.uv, 0, 1)将UV可视化。颜色值是否被意外乘以0全粉Missing Material Color这是Unity的“错误色”。通常意味着Shader编译失败。检查Unity Console窗口是否有Shader编译错误这是第一线索。CGPROGRAM代码块中是否有语法错误变量名是否拼写错误Properties中声明的变量是否在CGPROGRAM中重新声明了问题2纹理的Tiling和Offset设置无效。确保在片元着色器中采样纹理时使用了经过TRANSFORM_TEX宏处理的UV坐标而不是原始的i.uv。问题3法线贴图看起来不对或者光照在物体移动/旋转时出错。法线贴图中存储的通常是切线空间下的法线。你需要正确构建切线空间矩阵TBN矩阵将采样的法线从切线空间变换到世界空间再参与光照计算。确保顶点输入结构包含了TANGENT语义并在顶点着色器中正确计算worldTangent和worldBitangent。问题4透明效果渲染顺序错乱。透明渲染需要物体从后往前绘制。在SubShader或Pass的Tags中设置QueueTransparent并设置正确的混合模式如Blend SrcAlpha OneMinusSrcAlphaAlpha混合。对于复杂的透明物体可能还需要处理深度写入ZWrite。7.2 性能优化核心准则Shader性能优化是移动端和大型项目的重中之重。精度选择在片元着色器中优先使用低精度数据类型。fixed低精度通常为-2到2适用于颜色和单位向量。half中精度半浮点适用于短向量、UV、模型空间位置。float全精度用于世界空间位置、矩阵计算等。 错误地使用float代替fixed来处理颜色会造成不必要的性能开销。减少纹理采样纹理采样是GPU中代价较高的操作。尽量避免在片元着色器中多次采样同一张纹理。如果多次用到同一纹理的不同通道如RGBA采样一次后存入变量复用。简化数学运算尽可能使用内置函数如dot,cross,normalize它们通常有硬件优化。避免在片元着色器中使用复杂的循环和分支if,for尤其是在低端GPU上。善用LOD和变体利用SubShader的LOD指令为不同性能的硬件提供不同复杂度的Shader版本。使用#pragma multi_compile或shader_feature生成Shader变体只编译项目中用到的功能组合避免最终构建的Shader文件过大。在顶点着色器与片元着色器之间权衡如果某些计算如简单的UV动画、顶点位移在顶点和片元着色器结果视觉差异不大尽量移到顶点着色器因为顶点数量远少于片元数量。一个简单的性能检查清单检查项优化建议片元着色器计算复杂度检查是否有昂贵的pow、sin、cos运算考虑使用查找表或近似计算。纹理采样次数使用工具如Unity Frame Debugger查看Draw Call的纹理采样次数尝试合并纹理或使用纹理图集。数据精度将不需要高精度的变量声明为fixed或half。渲染状态是否开启了不必要的深度写入、模板测试、Alpha混合Shader变体数量检查项目构建后Shader变体数量是否爆炸合理使用#pragma skip_variants或优化多编译指令。掌握这些排查和优化技巧意味着你开始从“能让Shader跑起来”向“能让Shader高效、稳定地跑起来”进阶。Shader学习是一个持续的过程从理解管线、熟悉语法到实现效果、优化性能每一步都需要结合大量的实践和思考。最好的学习方法就是动手修改现有的Shader观察每一行代码对最终画面的影响并尝试将自己天马行空的想法通过一行行代码转化为屏幕上真实可见的视觉魔法。
