shader从入门到精通（连载三）

shader从入门到精通（连载三）

大家好，我是北京菜鸟在线的unity3d 高级讲师，范老师，今天给大家继续分享我的笔记 shader

继续上一章：

上面是一个最简单的着色器。

注意有以下几部分组成：

（1）：ShaderLab 语法
　 （2）：CG 语法
（3）：两个#pragma, 一个#include
（4）：定义一个变量，_MainTex和上面的变量一样，类型也一样
（5）：一个结构体
（6）：顶点函数
（7）：片段函数
（8）：最后一个 FallBack

几个开概念： 顶点，法线，切线

法线：它是垂直于一个面的顶点

关于 #include"UnityCG.cginc"库文件

打开 库文件：如下图

（2）当一个广告牌上，有好几个广告，滚动，一次只显示一个，下面，我们书写一个 shader 来制作广告牌效果。 新创建一个 shader 然后把里面的东西都删除掉，如下：然后，开始添加代码

Shader "Custom/NewShader" {
Properties {

   }
   SubShader {

   }
   FallBack "Diffuse"

}
具体更改如下：：
Shader "myShaderMyShaderMyShader/NewShader" { // 菜单的路径
Properties {
_MainTex("MainTex", 2D) = "white"{}
}
SubShader {
Tags{"RenderType" = "Opaque"} // Opaque : 是不透明的 Transparent: 是透明的 标签
LOD 200 // 细节等级，这是可以调的，如果后面小于这个200 的话，那么，这个shader将不在显示，一般我们都写200
pass{ // pass 通道
CGPROGRAM // CG 语法
#pragma vertex vert // 声名一个顶点函数 函数名 vert // 顶点函数是处|理物体的形状
#pragma fragment frag // 声名一个片段函数 函数名 frag 变量是自己写的，可以随便写 // 片段函数是处|理物体的颜色的

     #include"UnityCG.cginc"      // 添加库文件t，这个库文件，是你安装工程中的
     // 需要说明的是：库文件里，这个appdata_base是游戏对象上的Mesh Filter传递过来的，mesh Filter包含了各信息，下面的v2f也是自己起的名字
     struct v2f{                  //我们来写一个结构1体，来接收上面写的库文件t的那几个数据信息（顶点，法线，贴图）
      float4 ver : POSITION;    // 物体的顶点数据      // 在库文件里，把这三条复制过来。需要注意的是，变量的名字，尽量不要一样所以，我们要更改一下。把三个变量的后半截都删除掉
                   //float3 nor : NORMAL;       // 物体的法线数y据Y
                   float4 tex : TEXCOORD0;   // 物体的贴图数y据Y
     };  // 注意这里是必须要分号结束的
     // 创建一个顶点函数
     v2f vert(appdata_base v)
     {
          v2f o;
          // 让物体显示在屏幕上面的一条很神秘的代码。
          o.ver = mul(UNITY_MATRIX_MVP, v.vertex);
          o.tex = v.texcoord;  // 得到 appdata_base里面的贴图信息，这texcoord是结构体里面的变量
          return o;  // 返回到片段函数里面
     }
 // 顶点到片段
     fixed4 frag(v2f IN) : COLOR    // color是颜色属性,你可以看做像是 js 里，color 声名了一个变量。
     {
          return fixed4(1,0,0,1);  // 返回了一个红色
     }

     ENDCG
   }
}
FallBack "Diffuse"  // 最后的回调

}

把我们写的 shader 添加到Cube上，我们可以看到，这个Cube 就变成了红色。如下图：

那么，我们不想它返回一个颜色，我们想把它返回一个贴图，要怎么办呢？ 我们需要对我们的shander 做出如下红色的代码更改：

Shader "myShaderMyShaderMyShader/NewShader" { // 菜单的路径
Properties {
_MainTex("MainTex", 2D) = "white"{}
}
SubShader {
Tags{"RenderType" = "Opaque"} // Opaque : 是不透明的 Transparent: 是透明的 标签
LOD 200 // 细节等级，这是可以调的，如果后面小于这个200 的话，那么，这个shader将不在显示，一般我们都写200
// cull back // 背面删除，意思就是当我们把这个shader放在plan面板上的时候，正面可以看到，背面是看不到的。
// cull front // 正面删除
// cull off // 两面都不删除
pass{ // pass 通道
CGPROGRAM // CG 语法
#pragma vertex vert // 声名一个顶点函数 函数名 vert // 顶点函数是处|理物体的形状
#pragma fragment frag // 声名一个片段函数 函数名 frag 变量是自己写的，可以随便写 // 片段函数是处|理物体的颜色的

     #include"UnityCG.cginc"      // 添加库文件t，这个库文件，是你安装工程中的
     sampler2D _MainTex;   
     // 需要说明的是：库文件里，这个appdata_base是游戏对象上的Mesh Filter传递过来的，mesh Filter包含了各信息，下面的v2f也是自己起的名字
     struct v2f{                  //我们来写一个结构1体，来接收上面写的库文件t的那几个数据信息（顶点，法线，贴图）
      float4 ver : POSITION;    // 物体的顶点数据      // 在库文件里，把这三条复制过来。需要注意的是，变量的名字，尽量不要一样所以，我们要更改一下。把三个变量的后半截都删除掉
                   //float3 nor : NORMAL;       // 物体的法线数y据Y
                   float4 tex : TEXCOORD0;   // 物体的贴图数y据Y
     };  // 注意这里是必须要分号结束的
     // 创建一个顶点函数
     v2f vert(appdata_base v)
     {
          v2f o;
          // 让物体显示在屏幕上面的一条很神秘的代码。
          o.ver = mul(UNITY_MATRIX_MVP, v.vertex);
          o.tex = v.texcoord;  // 得到 appdata_base里面的贴图信息，这texcoord是结构体里面的变量
          return o;  // 返回到片段函数里面
     }
     fixed4 frag(v2f IN) : COLOR    // color是颜色属性,你可以看做像是 js 里，color 声名了一个变量。
     {
         IN.tex.x  /= 5;  // 把这个贴图分成五份
       //  IN.tex.x  +=  0.20 ;  // 相当于把这个贴图只显示了五分之一。
         IN.tex.x +=  _Time.x;  // 运行程序的时候，就可以看到纹理贴图在缓慢的移动了。
         return tex2D(_MainTex, IN.tex);  // 返回纹理贴图
     }

     ENDCG
   }
}
FallBack "Diffuse"  // 最后的回调

}

回去unity3d 我们发现，游戏对象的纹理已经发生了改变

运行程序，就可以看到广告牌在移动了，每次显示一个广告。
需要注意的是：顶点函数是改变物体的形状。 片段函数是改变物体的颜色。

下一章，我们将用shader制作一个红旗飘扬的效果

《待续》