回到目录

  大家好，我是阿赵。
  这篇文章是我无聊的时候做了一个demo，觉得挺有趣，于是就发上来。这里面包含了4个内容：置换贴图、顶点偏移、局部曲面细分，曲面细分按距离调整强度。

一、考虑的思路

  一开始我是在考虑不同的技术手段实现物体的表面凹凸效果的。我能想到的方法大概是这些：
1、凹凸贴图
2、法线贴图
3、视差偏移
4、置换顶点
  这几个方法里面，凹凸贴图现在很少有人用了，因为效果不好。法线贴图效果比凹凸贴图好很多，不过他只能模拟光射到表面时，通过不同的法线方向来模拟凹凸感觉，并不会真正的产生凹凸变形。视差偏移的效果比法线贴图好很多，因为他是通过改变采样的位置来模拟遮挡物和被遮挡物之间的关系，所以产生的不止是光影的凹凸感，而是会真正的有遮挡关系。不过视差偏移真的要效果逼真，要采样多次，而且也不适合做太过明显的变形，比如地形大面积凹凸。
  最后，就把思考点停留在了置换顶点上面了。这个是一个比较真实的手段，靠一张置换贴图，就能生成出不同高度的模型。

二、实现手段

  我这里就简单的准备了一张高度图，黑色是凹陷，白色是凸出，灰色是平地。

  通过在顶点程序采样，根据黑白的值来偏移顶点的y轴，就可以做出凹凸的效果：

  很明显的问题，顶点数不够，所以凹凸的效果不好。
  这个时候，可以使用曲面细分，增加一些面数，就可以看到凹凸的感觉比较正常：

  不过这么多面数并不是我想希望看到的，所以最后，再加一个根据高度图决定是否需要细分，只有凹凸的部分做细分。这里需要读取高度图，然后把高度图的0到1范围转换成-1到1的范围，然后然后计算值的绝对值大于一个数值才需要细分。也可以不转换到-1到1，就那0到1的范围减去0.5，再去绝对值比较也想。最后，就能计算出一个范围内才需要细分的效果：

  这样在需要凹凸的地方增加一些面数，其他的地方还是保持正常。
  最后，我还想根据距离进行细分，如果离镜头远了，那么细分的程度就没那么大，所以把刚才的那个计算细分的值，再用UnityDistanceBasedTess方法，传入距离的最大最小值，就可以计算出根据距离的细分结果了：

  这个效果虽然只是我一时想起来做的一个小Demo，但我觉得似乎还是在某些地方挺好用的，你们是否想到在哪些地方用得上呢？

三、Shader代码：

Shader "azhao/DisplacementTest"
{
	Properties
	{
		_heightTex("heightTex", 2D) = "white" {}
		_heightTexVal("heightTexVal",float) = 0.01
		_TessValue("Max Tessellation", Range(1, 32)) = 15
		_normalTex("normalTex", 2D) = "white" {}
		_height("height", Float) = 0
		_displacement("displacement",float) = 1
		_minDist("minDist",float) = 10
		_maxDist("maxDist",float) = 25
		[HideInInspector] _texcoord( "", 2D ) = "white" {}
		[HideInInspector] __dirty( "", Int ) = 1
	}

	SubShader
	{
		Tags{ "RenderType" = "Opaque"  "Queue" = "Geometry+0" }
		Cull Back
		CGPROGRAM
		#include "Tessellation.cginc"
		#pragma target 4.6
		#pragma surface surf Standard keepalpha addshadow fullforwardshadows vertex:vertexDataFunc tessellate:tessFunction 
		struct Input
		{
			half filler;
			float2 uv_texcoord;
		};

		uniform sampler2D _heightTex;
		uniform float4 _heightTex_ST;
		uniform float _height;
		uniform float _TessValue;
		uniform sampler2D _normalTex;
		uniform float4 _normalTex_ST;
		float _displacement;
		float _heightTexVal;
		float _minDist;
		float _maxDist;
		float4 tessFunction(appdata_full v0, appdata_full v1, appdata_full v2)
		{
			//这里要说明一下，传进来三个点，不能直接求平均值，而要逐个点去采样
			//因为只要有一个点在需要细分的范围内，这整个网格就需要细分，不然凹凸的边缘会和不需要细分的网格裂开
			float2 uv0 = v0.texcoord * _heightTex_ST.xy + _heightTex_ST.zw;
			float col0 = (tex2Dlod(_heightTex, float4(uv0, 0, 0.0)).r - 0.5);
			float2 uv1 = v1.texcoord * _heightTex_ST.xy + _heightTex_ST.zw;
			float col1 = (tex2Dlod(_heightTex, float4(uv1, 0, 0.0)).r - 0.5);
			float2 uv2 = v2.texcoord * _heightTex_ST.xy + _heightTex_ST.zw;
			float col2 = (tex2Dlod(_heightTex, float4(uv2, 0, 0.0)).r - 0.5);
			float col = max(abs(col0), abs(col1));
			col = max(col, abs(col2));
			col = step( _heightTexVal, col);
			col = col * _displacement;
			col = max(col, 0.01f);
			return UnityDistanceBasedTess(v0.vertex, v1.vertex, v2.vertex, _minDist, _maxDist, col);
		}

		void vertexDataFunc( inout appdata_full v )
		{
			float2 uv_heightTex = v.texcoord * _heightTex_ST.xy + _heightTex_ST.zw;
			float temp_output_4_0 = ( tex2Dlod( _heightTex, float4( uv_heightTex, 0, 0.0) ).r - 0.5 );
			float3 appendResult13 = (float3(0.0 , ( temp_output_4_0 * _height ) , 0.0));
			v.vertex.xyz += appendResult13;
			v.vertex.w = 1;
		}

		void surf( Input i , inout SurfaceOutputStandard o )
		{
			float4 color16 = IsGammaSpace() ? float4(0.5660378,0.5660378,0.5660378,0) : float4(0.280335,0.280335,0.280335,0);
			float2 uv_normalTex = i.uv_texcoord * _normalTex_ST.xy + _normalTex_ST.zw;
			o.Normal = UnpackNormal(tex2D(_normalTex, uv_normalTex));
			o.Albedo = color16.rgb;
			o.Alpha = 1;
		}

		ENDCG
	}
	Fallback "Diffuse"
}