UnityShader之OutLine

最新推荐文章于 2025-06-05 16:06:25 发布

原创

最新推荐文章于 2025-06-05 16:06:25 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Unity Shader #算法

这篇博客介绍了如何在Unity中使用Shader实现观察空间下的均匀描边效果。关键在于将顶点坐标转换到观察空间并根据法线进行偏移，确保线条在不同视角下宽度一致。Shader包含两个Pass，一个用于绘制线条，一个用于填充。最终实现了在物体边缘描绘出固定宽度的轮廓线。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

算法很简单，主要需要不同观察角度看上去线的宽度一样，需要转换到观察空间进行操作，空间变换请看我上一篇博客。

需要两个pass，一个画线，一个填充

Shader "Custom/Outline"
{
	Properties
	{
	
	_OutlineVal("Outline value", Range(0., 2.)) = 1.                //描线的宽度
		_OutlineCol("Outline color", color) = (1., 1., 1., 1.)
	}
		SubShader
	{
		Tags{ "Queue" = "Geometry" "RenderType" = "Opaque" }

		Pass
	{
		Cull Front

		CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"

		struct v2f {
		float4 pos : SV_POSITION;
	};

	float _OutlineVal;

	v2f vert(appdata_base v) {
		v2f o;
		o.pos = mul(UNITY_MATRIX_MV, v.vertex);       //注意这里只换算到观察空间，还没有到裁剪空间
		float3 normal = mul((float3x3) UNITY_MATRIX_IT_MV, v.normal); //上一篇博客说过，法线的变换需要用到UNITY_MATRIX_IT_MV
		o.pos.xy += _OutlineVal*normal.xy;   //观察空间里xy方向始终和最终屏幕方向相同，这保证了描线始终面向我们，边缘朝外偏移一点点
		o.pos = mul(UNITY_MATRIX_P, o.pos); //最终需要把坐标从观察空间变换到裁剪空间
		return o;
	}

	fixed4 _OutlineCol;

	fixed4 frag(v2f i) : SV_Ta