【猫猫的Unity Shader之旅】之纹理映射

纹理映射原理

　　纹理映射通俗点讲就是把纹理贴图“覆盖”到物体表面。纹理坐标用来表示网格上的顶点与纹理上的坐标的对应关系，用一组二元数表示，分别称作S和T，或者x和y，或者U和V，说的都是它们啦。这感觉就像把一个气球一样材质的图片覆盖到物体上，并且这种材质上任何几个点都可以任意拉伸或者压缩，不用担心会破，可以想象一下这种感觉。

获得纹理坐标

　　模型可以提供纹理坐标，我们只需要将坐标从顶点函数传到片段函数就可以了。不过有一点需要注意，我们可以先看一下Unity提供的纹理的接口，如图：

　　

　　可以看到接口上有两个二元数Tiling和Offset，其中Tiling表示UV的缩放，Offset表示偏移。对于纹理坐标的两个分量x和y，都会先乘以Tiling然后加上Offset。不过要实现这样的效果，需要在Shader中做一些处理。

　　首先是为采样图XX定义一个名为一个XX_ST的四元数，比如为_MainTex定义_MainTex_ST。另外需要对模型的uv坐标经过TRANSFORM_TEX进行处理。

实现纹理映射

　　我们来实现个最简单的纹理映射：

Shader "Custom/TextureMapping" {
    Properties {
        _MainTex ("Base (RGB)", 2D) = "white" {}
    }
    SubShader {
        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "UnityCG.cginc"

            uniform sampler2D _MainTex;
            uniform float4 _MainTex_ST;

            struct v2f
            {
                float2 uv : TEXCOORD;
                float4 pos : SV_POSITION;
            };

            v2f vert(appdata_base IN)
            {
                v2f o;
                o.uv = TRANSFORM_TEX(IN.texcoord, _MainTex);
                o.pos = mul(UNITY_MATRIX_MVP, IN.vertex);
                return o;
            }

            float4 frag(v2f v) : COLOR
            {
                return tex2D(_MainTex, v.uv);
            }
            ENDCG
        }
    } 
    FallBack "Diffuse"
}

　　效果如图：

　　

　　可以试着调一下Tiling和Offset，效果如下：

　　

　　可以发现猫猫变多了也移动了一点(x方向，需要仔细看)。

结束语

　　纹理映射这块相对比较简单，主要是有封装好的tex2D这样方法用。纹理使渲染过程中非常重要的元素，但是过多的纹理意味着过多的采样，也会造成不小的性能开销。