企业官网建设流程全解析

简介：本资源为Unity3D游戏开发中实现描边效果的完整解决方案，面向需要在项目中添加视觉特效的开发者。该包包含核心代码、相关依赖文件及配套文档，旨在解决Unity中物体边缘高亮显示的问题。资源共165个文件，主要类型包括.cs脚本（如Shader和Material处理）、.shader（着色器定义）、.prefab（预制体示例）等，整体压缩包大小约94MB，结构清晰，便于按功能模块快速定位所需内容。已有1583人学习下载，适合希望掌握Unity高级渲染技术、实现类似描边或轮廓效果的中级以上开发者。通过该资源可获得：完整的描边效果源码实现、着色器编写方法、与Unity渲染管线的整合技巧、实际应用案例演示以及常见问题排查思路，帮助用户高效复现效果并应用于自定义场景。

1. 为什么Unity3D里“选中物体描边”不是加个Outline组件就完事？

你拖一个Unity官方的Outline组件到模型上，运行——没反应；换Shader Graph重写一遍，发现边缘发虚、穿模、多边形锯齿严重；再试Post Processing Stack的Edge Detection，结果整个场景泛白、UI也被描了边……这不是玄学，是Unity渲染管线、深度缓冲、法线方向、摄像机裁剪和物体层级共同作用下的黑匣子。
“Unity3D选中物体描边特效”本质是在实时渲染中精准隔离目标物体轮廓，并以可控宽度、颜色、抗锯齿质量叠加到最终画面。它不依赖模型拓扑修改（不改Mesh），不强制要求透明材质（避免ZWrite冲突），更不能靠截图+图像处理（延迟高、无法交互）。真实项目里，它用在工业仿真中高亮装配部件、AR应用里框选识别目标、游戏编辑器中可视化选中对象——所有场景都要求：描边必须紧贴几何边缘、不随视角缩放失真、不遮挡其他物体、支持多物体同时描边且互不干扰。
如果你正卡在“描边只在正面出现”“斜角处断开”“描边随距离变粗/变细”“UI和3D共存时描边错位”这些问题上，说明你还没踩进Unity描边真正的技术边界。本文不讲理论推导，只讲我在线上产线项目里跑通的三套方案：基于Stencil Buffer的稳定方案（推荐新手）、基于GrabPass的兼容方案（适配URP/LWRP老项目）、以及基于Render Feature的现代方案（URP 12+必备）。每套都附可直接粘贴的Shader代码、C#控制逻辑、参数调优表，和我亲手踩过的5个血泪坑。

2. 用Stencil Buffer实现稳定描边：原理、Shader与C#控制逻辑

Stencil Buffer（模板缓冲）是GPU硬件级的像素掩码机制，它不参与颜色计算，只记录“该像素是否允许被绘制”。Unity描边最稳的路径，就是用它先标记出目标物体的像素范围，再用第二个Pass在这些像素的“边缘膨胀区”绘制描边色。这个方案不依赖屏幕后处理，无采样模糊，抗锯齿由MSAA原生支持，且完全兼容URP和Built-in管线。

2.1 为什么Stencil比GrabPass更可靠？

GrabPass需要把当前帧画面抓取为临时纹理，再用边缘检测算法（如Sobel）算梯度。问题在于：

• 抓取时机难控（可能抓到半渲染帧）；
• 边缘检测对低对比度区域（如灰墙上的灰盒子）完全失效；
• 描边宽度=滤波半径，缩放后失真（1080p下2px，4K下还是2px，但视觉上变细）；
• UI Canvas Overlay模式下，GrabPass根本抓不到UI层。
  而Stencil方案：描边宽度由顶点偏移量控制（世界单位），缩放自适应；描边位置由深度测试保证（只描几何体真实边缘）；UI与3D完全解耦，互不影响。

2.2 核心Shader代码：双Pass Stencil描边（Built-in管线）

// Shader "Custom/StencilOutline" Shader "Custom/StencilOutline" { Properties { _MainTex ("Texture", 2D) = "white" {} _Color ("Color", Color) = (1,1,1,1) _OutlineColor ("Outline Color", Color) = (0,0,0,1) _OutlineWidth ("Outline Width", Range(0.001, 0.1)) = 0.02 // 单位：世界坐标系米 _CullMode ("Cull Mode", Float) = 2 // 0=Off, 1=Front, 2=Back } SubShader { Tags { "Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Opaque" } LOD 100 // Pass 1: 写入Stencil，标记物体像素 Pass { Name "STENCIL_WRITE" Stencil { Ref 1 Comp Always Pass Replace } ZTest LEqual ZWrite Off Cull [_CullMode] Lighting Off ColorMask 0 } // Pass 2: 绘制描边（背面顶点外扩） Pass { Name "OUTLINE" Stencil { Ref 1 Comp Equal Fail Keep ZFail Keep Pass Keep } ZTest LEqual ZWrite Off Cull Front // 只渲染背面，避免正面覆盖 Lighting Off Blend SrcAlpha OneMinusSrcAlpha CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float3 normal : NORMAL; }; struct v2f { float4 pos : SV_POSITION; float4 screenPos : TEXCOORD0; }; sampler2D _MainTex; float4 _MainTex_ST; float4 _OutlineColor; float _OutlineWidth; float4 _Color; v2f vert (appdata v) { v2f o; // 关键：沿法线反向偏移顶点（背面外扩） float3 worldNormal = UnityObjectToWorldNormal(v.normal); float3 worldPos = mul(unity_ObjectToWorld, v.vertex).xyz; float3 offsetPos = worldPos - worldNormal * _OutlineWidth; float4 clipPos = mul(UNITY_MATRIX_VP, float4(offsetPos, 1.0)); o.pos = clipPos; o.screenPos = ComputeScreenPos(o.pos); return o; } fixed4 frag (v2f i) : SV_Target { return _OutlineColor; } ENDCG } // Pass 3: 正常渲染物体（正面） Pass { Name "BASE" Stencil { Ref 1 Comp NotEqual // 跳过已描边区域（可选，防重叠） Pass Keep } ZTest LEqual ZWrite On Cull Back Lighting On Material { Diffuse [_Color] Ambient [_Color] } SetTexture [_MainTex] { Combine Primary * Texture } } } }

提示：此Shader中_OutlineWidth是世界单位（米），不是像素值。若模型按1单位=1米建模，0.02即2cm宽描边；若模型1单位=1cm，则需设为2.0。务必根据实际模型尺寸校准。

2.3 C#脚本：动态控制描边开关与参数

// OutlineController.cs using UnityEngine; [RequireComponent(typeof(Renderer))] public class OutlineController : MonoBehaviour { public Color outlineColor = Color.black; public float outlineWidth = 0.02f; // 米 public bool isOutlined = false; private Renderer _renderer; private Material _outlineMat; private MaterialPropertyBlock _mpb; void Awake() { _renderer = GetComponent<Renderer>(); // 创建独立Material实例，避免影响其他物体 _outlineMat = new Material(Shader.Find("Custom/StencilOutline")); _mpb = new MaterialPropertyBlock(); } void OnEnable() { if (isOutlined) EnableOutline(); } void OnDisable() { if (isOutlined) DisableOutline(); } public void EnableOutline() { isOutlined = true; _mpb.SetColor("_OutlineColor", outlineColor); _mpb.SetFloat("_OutlineWidth", outlineWidth); _mpb.SetColor("_Color", _renderer.material.color); // 同步主色 _renderer.SetPropertyBlock(_mpb, _outlineMat); } public void DisableOutline() { isOutlined = false; _renderer.SetPropertyBlock(null, _outlineMat); // 清空PropertyBlock } // 运行时动态修改参数（如切换描边色） public void UpdateOutline(Color newColor, float newWidth) { outlineColor = newColor; outlineWidth = newWidth; if (isOutlined) EnableOutline(); // 重新应用 } }

参数说明：_CullMode在Shader中默认为2（Back），确保Pass 1只写背面像素；Cull Front在Pass 2确保只渲染外扩后的背面；ZTest LEqual防止描边被前景物体遮挡。ColorMask 0在Pass 1关闭颜色输出，仅写Stencil，性能无损。

3. URP管线适配：用Render Feature替代Shader Pass

URP（Universal Render Pipeline）移除了传统SubShader Pass机制，Stencil操作必须通过ScriptableRendererFeature注入。这意味着你不能再把Shader拖给物体就完事——必须注册一个全局渲染特性，在特定渲染阶段（如AfterRenderingOpaques）插入描边逻辑。

3.1 为什么URP必须用Render Feature？

URP的渲染流程是高度模块化的：RendererFeature在ScriptableRenderer的EnqueuePasses中被统一调度。若强行在URP Shader里写Stencil{}块，Unity会静默忽略（URP不解析该指令）。官方文档明确指出：“Stencil operations in URP require custom renderer features.”（URP中Stencil操作需自定义渲染特性）。

3.2 OutlineRenderFeature.cs：注册描边渲染特性

// OutlineRenderFeature.cs using UnityEngine; using UnityEngine.Rendering; using UnityEngine.Rendering.Universal; public class OutlineRenderFeature : ScriptableRendererFeature { [System.Serializable] public class OutlineSettings { public RenderPassEvent renderPassEvent = RenderPassEvent.AfterRenderingOpaques; public Color outlineColor = Color.red; public float outlineWidth = 0.02f; public LayerMask outlineLayer = 1 << 0; // 默认只描Layer 0 } [SerializeField] private OutlineSettings settings = new OutlineSettings(); private OutlineRenderPassFeature passFeature; public override void Create() { passFeature = new OutlineRenderPassFeature(settings); } public override void AddRenderPasses(ScriptableRenderer renderer, ref RenderingData renderingData) { if (passFeature != null && renderingData.cameraData.renderType == CameraRenderType.Base) { renderer.EnqueuePass(passFeature.GetRenderPass()); } } } // OutlineRenderPassFeature.cs（分离逻辑，便于复用） using UnityEngine; using UnityEngine.Rendering; using UnityEngine.Rendering.Universal; public class OutlineRenderPassFeature : ScriptableRenderPass { private OutlineRenderFeature.OutlineSettings _settings; private RenderTargetIdentifier _cameraColorTarget; private RenderTargetHandle _tempRT; private Material _outlineMat; private int _stencilRefID; public OutlineRenderPassFeature(OutlineRenderFeature.OutlineSettings settings) { _settings = settings; _stencilRefID = Shader.PropertyToID("_StencilRef"); _tempRT.Init("_OutlineTempRT"); // 使用URP内置Shader，避免自研Shader兼容问题 _outlineMat = CoreUtils.CreateEngineMaterial(Shader.Find("Hidden/Universal Render Pipeline/StencilOutline")); } public override void Configure(CommandBuffer cmd, RenderTextureDescriptor cameraTextureDescriptor) { // 配置临时RT：与相机同分辨率，带Stencil缓冲 var desc = cameraTextureDescriptor; desc.depthBufferBits = 24; // 必须有深度+Stencil cmd.GetTemporaryRT(_tempRT.id, desc, FilterMode.Bilinear); ConfigureTarget(_tempRT.Identifier()); ConfigureClear(ClearFlag.All, Color.clear); } public override void Execute(ScriptableRenderContext context, ref RenderingData renderingData) { if (!_outlineMat) return; CommandBuffer cmd = CommandBufferPool.Get("Outline Pass"); using (new ProfilingScope(cmd, new ProfilingSampler("OutlineRenderPass"))) { // Step 1: 清空Stencil缓冲（关键！否则残留旧值） cmd.ClearRenderTarget(false, true, Color.clear, 1f, 0); // Step 2: 对指定Layer物体执行Stencil写入Pass var cullResults = renderingData.cullResults; var drawingSettings = CreateDrawingSettings( ShaderTagId.none, ref renderingData, SortingCriteria.CommonOpaque); var filteringSettings = new FilteringSettings(RenderQueueRange.opaque, _settings.outlineLayer); // 设置Stencil状态：Ref=1, Comp=Always, Pass=Replace cmd.SetGlobalInt(_stencilRefID, 1); cmd.EnableShaderKeyword("_STENCIL_WRITE_ON"); // 执行绘制（使用URP内置Opaque队列） context.ExecuteCommandBuffer(cmd); CommandBufferPool.Release(cmd); // Step 3: 执行描边Pass（需在Opaque之后，Transparent之前） // （此处省略具体DrawCall，因需遍历Renderer并设置MaterialPropertyBlock） // 实际项目中，我们用ObjectPool管理OutlineController，统一提交） } } public RenderPass GetRenderPass() => this; }

注意：URP方案需配合C#脚本OutlineControllerURP.cs，它不再直接设置Material，而是将物体加入OutlineManager.Instance.RegisterOutlineObject(gameObject)，由全局Manager在Execute中批量处理。这是URP高性能描边的唯一可行路径——避免每帧为每个物体创建CommandBuffer。

3.3 URP专用Shader：Hidden/Universal Render Pipeline/StencilOutline

URP不支持自定义SubShader，必须使用Hidden/前缀的引擎内部Shader。你需在项目中创建该Shader（或从URP源码提取）：

// Hidden/Universal Render Pipeline/StencilOutline // （精简版，仅展示Stencil核心逻辑） Shader "Hidden/Universal Render Pipeline/StencilOutline" { HLSLINCLUDE #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Core.hlsl" #include "Packages/com.unity.render-pipelines.universal/ShaderLibrary/Lighting.hlsl" TEXTURE2D(_MainTex); SAMPLER(sampler_MainTex); float4 _MainTex_ST; CBUFFER_START(UnityPerMaterial) float4 _OutlineColor; float _OutlineWidth; float _StencilRef; CBUFFER_END struct Attributes { float4 positionOS : POSITION; float3 normalOS : NORMAL; }; struct Varyings { float4 positionCS : SV_POSITION; float4 screenPos : TEXCOORD0; }; Varyings Vertex(Attributes input) { Varyings output; output.positionCS = TransformObjectToHClip(input.positionOS.xyz); output.screenPos = ComputeScreenPos(output.positionCS); return output; } half4 Fragment(Varyings input) : SV_TARGET { // Stencil写入Pass：仅写Stencil，不输出颜色 #ifdef _STENCIL_WRITE_ON discard; // 不输出颜色，只靠Stencil状态生效 #else return _OutlineColor; #endif } ENDHLSL SubShader { Tags { "RenderType"="Opaque" "Queue"="Geometry+1" } Pass { Name "STENCIL_WRITE" Stencil { Ref [_StencilRef] Comp Always Pass Replace } ZTest LEqual ZWrite Off Cull Back HLSLPROGRAM #pragma vertex Vertex #pragma fragment Fragment #pragma multi_compile _STENCIL_WRITE_ON ENDHLSL } } }

关键点：URP中_STENCIL_WRITE_ON宏控制Pass行为；Cull Back确保只写背面；ZTest LEqual保证深度一致；discard在Stencil Pass中禁用颜色输出，纯硬件级标记。

4. 避坑指南：5个让描边失效的真实场景与解法

描边效果看似简单，实则极易在复杂项目中翻车。以下是我在线上工业仿真系统中踩过的5个坑，每条都附现场截图定位方法和一行修复代码。

4.1 现象：描边只在物体正面出现，背面完全不描

原因：Shader中Cull Front写成Cull Back，或URP中CullMode未正确设置。Stencil写入Pass用了Cull Back，但描边Pass也用了Cull Back，导致背面顶点未被外扩渲染。

解决：

• Built-in管线：确认描边Pass（Pass 2）的Cull为Front；
• URP管线：在OutlineRenderPassFeature.Execute()中，对描边物体调用cmd.SetGlobalInt("_CullMode", 1);（1=Front）；
• 通用验证：在Scene视图中选中物体，按F聚焦，旋转摄像机看背面——若背面无描边，立即检查Cull设置。

4.2 现象：描边在远处变粗，近处变细，且边缘锯齿严重

原因：_OutlineWidth用像素值硬编码（如设为2），而非世界单位。顶点外扩量固定为2像素，但透视投影下，远距离物体1像素覆盖更大世界面积。

解决：

• 将_OutlineWidth改为世界单位（米），并在C#中根据摄像机距离动态缩放：

float distance = Vector3.Distance(Camera.main.transform.position, transform.position); float scaledWidth = baseWidth * Mathf.Max(0.5f, 1.0f / (distance * 0.1f)); // 距离越远，描边越细

• 启用MSAA（Project Settings → Quality → Anti Aliasing = 4x）；
• 禁用Linear纹理过滤（改为Bilinear），避免法线采样模糊。

4.3 现象：多个物体同时描边时，描边互相重叠、颜色变深

原因：Stencil Ref值全局唯一（如全设为1），多个物体写入同一Stencil值，导致边缘区域被多次绘制。

解决：

• 为每个描边物体分配唯一Stencil Ref（0~255）：

int stencilRef = gameObject.GetInstanceID() & 0xFF; // 取ID低8位 _mpb.SetInt("_StencilRef", stencilRef);

• 在描边Pass中，Comp改为Equal，Ref动态传入；
• 注意：URP中_StencilRef需在CommandBuffer.SetGlobalInt中每帧设置。

4.4 现象：UI Canvas设置为Screen Space - Overlay时，描边覆盖整个UI

原因：Overlay模式UI渲染在最后，但描边Pass在Opaque队列执行，其RT未与UI RT混合，导致描边直接画在UI层下方，视觉上“穿透”UI。

解决：

• 将Canvas Render Mode改为Screen Space - Camera，指定同一摄像机；
• 或在描边Pass后插入Blit操作，将描边RT混合到UI RT：

cmd.Blit(_tempRT.id, BuiltinRenderTextureType.CameraTarget, _outlineMat, 0);

• 最佳实践：UI元素不参与描边，用LayerMask排除UI层（outlineLayer = ~LayerMask.GetMask("UI")）。

4.5 现象：SolidWorks导入的模型描边断裂，尤其在圆角过渡处

原因：SolidWorks导出FBX时默认合并顶点，导致圆角处法线不连续，worldNormal * _OutlineWidth外扩方向错误，顶点偏移后脱离原始轮廓。

解决：

• 导入FBX时勾选Split Normals（Model选项卡）；
• 或在Shader中改用view space法线外扩（更稳定）：

float3 viewNormal = normalize(mul((float3x3)UNITY_MATRIX_IT_MV, v.normal)); float3 viewPos = mul(UNITY_MATRIX_MV, v.vertex).xyz; float3 offsetViewPos = viewPos - viewNormal * _OutlineWidth; float4 clipPos = mul(UNITY_MATRIX_P, float4(offsetViewPos, 1.0));

• 验证：在Inspector中查看模型Mesh，确认Normals通道存在且平滑。

5. 进阶技巧：用深度差实现“智能描边”，规避法线依赖

前述方案依赖法线外扩，但对低多边形模型、程序化生成网格或法线贴图异常的模型，仍会描边错位。我在线上AR项目中落地了一种深度差描边法（Depth Difference Outline）：不依赖法线，只用深度缓冲计算像素邻域深度变化，真正“贴合轮廓”。

5.1 原理：为什么深度差比法线更鲁棒？

法线外扩假设表面光滑，但SolidWorks模型常有硬边（Hard Edge），法线突变导致外扩方向跳变；而深度缓冲是摄像机视角的真实Z值，无论模型拓扑如何，边缘处深度值必然突变。Sobel算子检测深度梯度，天然识别所有几何边缘，包括孔洞、镂空、非流形边。

5.2 实现步骤：三阶段深度差描边

// DepthSobel.shader（片段着色器核心） half4 frag_depth_sobel(v2f i) : SV_Target { float depthCenter = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv); float depthLeft = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv + float2(-_MainTex_TexelSize.x, 0)); float depthRight = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv + float2( _MainTex_TexelSize.x, 0)); float depthUp = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv + float2(0, -_MainTex_TexelSize.y)); float depthDown = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv + float2(0, _MainTex_TexelSize.y)); // Sobel X: (right - left) + 2*(down - up) + (down-right - up-left) float sobelX = (depthRight - depthLeft) + 2.0 * (depthDown - depthUp) + (SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv + float2(_MainTex_TexelSize.x, _MainTex_TexelSize.y)) - SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv + float2(-_MainTex_TexelSize.x, -_MainTex_TexelSize.y))); // Sobel Y: (down - up) + 2*(right - left) + (right-down - left-up) float sobelY = (depthDown - depthUp) + 2.0 * (depthRight - depthLeft) + (SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv + float2(_MainTex_TexelSize.x, _MainTex_TexelSize.y)) - SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv + float2(-_MainTex_TexelSize.x, -_MainTex_TexelSize.y))); float gradient = sqrt(sobelX * sobelX + sobelY * sobelY); return half4(_OutlineColor.rgb, saturate(gradient * _EdgeThreshold)); // _EdgeThreshold控制灵敏度 }

参数调优表：

参数	推荐值	说明
_EdgeThreshold	0.05~0.3	值越小，越敏感（连微小接缝都描），值越大，只描大边缘
Depth RT Format	RFloatorR16G16B16A16_SFloat	必须用浮点格式，避免深度精度丢失
Sobel Kernel Size	3x3	工业项目中足够，5x5增加开销但减少噪点

5.3 性能对比与选型建议

我现在的习惯是：新项目一律用Stencil法启动，当遇到SolidWorks模型描边断裂时，立刻切到深度差方案——它不依赖模型法线，只要深度图正确，边缘就一定准。上线前必做三件事：用Frame Debugger抓一帧看Stencil Buffer值是否为1；用RenderDoc验证深度RT数据；在最低配安卓机上测10分钟不掉帧。描边不是炫技，是用户操作的视觉锚点，稳比酷重要十倍。

希望帮到你。

本文还有配套的精品资源，点击获取