Unity Shader入门教程(一)

时间:2021-01-14 05:18:44

参考文献:http://www.360doc.com/content/13/0923/15/12282510_316492286.shtml

Unity Shader是着色器,将纹理、网格信息输入,得到材质的一段程序,具体是个什么东西,还需要亲自实践才知道。一个Unity大神推荐我:如果要学计算机图形编程(游戏编程的基础),可以先学习UnityShader,往后再学习OpenGL和DX。不说废话,依我的风格,都是直接看实例,笔者的教程偏向于傻瓜式的,应该适合入门。

前提:安装了Unity和VS,并且有3天的Unity使用经验。

第一步:打开新工程。在内容浏览器中创建一个Shader。

Unity Shader入门教程(一)

命名为:

Unity Shader入门教程(一)

第二步:双击打开查看:

Shader "Custom/Shad0" {
Properties {
_Color ("Color", Color) = (,,,)
_MainTex ("Albedo (RGB)", 2D) = "white" {}
_Glossiness ("Smoothness", Range(,)) = 0.5
_Metallic ("Metallic", Range(,)) = 0.0
}
SubShader {
Tags { "RenderType"="Opaque" }
LOD CGPROGRAM
// Physically based Standard lighting model, and enable shadows on all light types
#pragma surface surf Standard fullforwardshadows // Use shader model 3.0 target, to get nicer looking lighting
#pragma target 3.0 sampler2D _MainTex; struct Input {
float2 uv_MainTex;
}; half _Glossiness;
half _Metallic;
fixed4 _Color; void surf (Input IN, inout SurfaceOutputStandard o) {
// Albedo comes from a texture tinted by color
fixed4 c = tex2D (_MainTex, IN.uv_MainTex) * _Color;
o.Albedo = c.rgb;
// Metallic and smoothness come from slider variables
o.Metallic = _Metallic;
o.Smoothness = _Glossiness;
o.Alpha = c.a;
}
ENDCG
}
FallBack "Diffuse"
}

当然,你一开始看不懂,请逐行逐行看我的解释,下文中的代码和上文中的一样,只是加入了详细的注释:

/*首行声明了一个Shader,命名为Shad0,存放在路径Custom下(这个路径在哪里不是重点,它归类在自定义中),看上去是不是挺像结构体的声明*/
Shader "Custom/Shad0" { /*
在将第一块内容之前,请先去了解一下UV纹理。简单来说:A是一张图片(称A为纹理),B是一张坐标信息(称B为UV),用B来取A就是纹理贴图的精髓了,举个简单的例子:
A的色彩如下:
红 黄
蓝 绿 B的坐标信息如下:
(0,0) (1,1)
(1,1) (0,1) 那么取出来得到的纹理贴图就是:
红 绿
绿 黄 这样子,是不是很无聊?当这上面的点数达到很大的量级时,就很有意义了。
没完,你还需要了解镜面高光和金属度的概念,自行百度(或者先跳过这个知识点继续往下看)。
*/ /*第一块:属性声明*/
Properties { _Color ("Color", Color) = (,,,)
/*用_XX的声明方法来声明的变量就是称为属性了,这一句的语法是:
_XXX (展示名, 数据类型) = 默认值 展示名是在Unity中可见的名称,Color其实是一种数据类型(就像int那样,只是后者很简单,是基本数据类型)。
数据类型有哪些(参考上述博文):
Color - 一种颜色,由RGBA(红绿蓝和透明度)四个量来定义;
2D - 一张2的阶数大小(256,512之类)的贴图。这张贴图将在采样后被转为对应基于模型UV的每个像素的颜色,最终被显示出来;
Rect - 一个非2阶数大小的贴图;
Cube - 即Cube map texture(立方体纹理),简单说就是6张有联系的2D贴图的组合,主要用来做反射效果(比如天空盒和动态反射),也会被转换为对应点的采样;
Range(min, max) - 一个介于最小值和最大值之间的浮点数,一般用来当作调整Shader某些特性的参数(比如透明度渲染的截止值可以是从0至1的值等);
Float - 任意一个浮点数;
Vector - 一个四维数; 请看默认值(1,1,1,1),形如(g,b,a,A),其中的透明度A为0时,表示透明,为1时,表示完全不透明,所以应该称之为不透明度。
*/ _MainTex ("Albedo (RGB)", 2D) = "white" {}
/*这里表示一张图片,这张图片在这里仅仅用空白来表示*/ _Glossiness ("Smoothness", Range(,)) = 0.5
/*高光设置为.5*/ _Metallic ("Metallic", Range(,)) = 0.0
/*金属度*/
} /*第二块内容:什么是SubShader,如果你用过虚幻4,就能够很容易理解,其实SubShader对应了UE4中的材质表达式。
UE4中的材质表达式或者Unity中的shader本质是什么?简单来说就是将图片通过处理得到另一张图片(比如用图片+UV信息 -> 纹理贴图的过程)。
SubShader其实就是定义了图片处理过程。
*/
SubShader { /*Tags规定了混合模型。什么是混合模型?请看下面的附图1,当然,混合模型是UE4中的概念。

附图1:

Unity Shader入门教程(一)

        这里贴一段相比Unity更为正确的解释:
Background - 最早被调用的渲染,用来渲染天空盒或者背景
Geometry - 这是默认值,用来渲染非透明物体(普通情况下,场景中的绝大多数物体应该是非透明的)
AlphaTest - 用来渲染经过Alpha Test的像素,单独为AlphaTest设定一个Queue是出于对效率的考虑
Transparent - 以从后往前的顺序渲染透明物体
Overlay - 用来渲染叠加的效果,是渲染的最后阶段(比如镜头光晕等特效) */
Tags { "RenderType"="Opaque" } /*LOD表示细节呈现级别(也即是画质,即粗糙/细腻程度)
当机器很差的时候,差到其评估值小于200时,本材质无效(也就是本shader罢工)。当机器的性能不错,大于200时,本shader继续工作。就是这么有个性。
别气馁,下面的内容是最重要的。
*/
LOD /*这是一个标记:CGPROGRAM,表示这是一段computer graph编程*/
CGPROGRAM
// Physically based Standard lighting model, and enable shadows on all light types
#pragma surface surf Standard fullforwardshadows
/*请看这个奇怪的函数声明:
#pragma surface表面着色器 surffunction着色器的代码(在本例子中就是下面的surf) lightModel(光照模型,这个概念先跳过) [可选参数]
*/ // Use shader model 3.0 target, to get nicer looking lighting
#pragma target 3.0 /*
用笔者的话来说:sampler2D就是一张图片……(还记得吗,就是上文说的A图片) 贴一段介绍: 接下来一句sampler2D _MainTex;,sampler2D是个啥?
其实在CG中,sampler2D就是和texture所绑定的一个数据容器接口。
等等..这个说法还是太复杂了,简单理解的话,所谓加载以后的texture(贴图)说白了不过是一块内存存储的,
使用了RGB(也许还有A)通道,且每个通道8bits的数据。而具体地想知道像素与坐标的对应关系,以及获取这些数据,
我们总不能一次一次去自己计算内存地址或者偏移,因此可以通过sampler2D来对贴图进行操作。
更简单地理解,sampler2D就是GLSL中的2D贴图的类型,相应的,
还有sampler1D,sampler3D,samplerCube等等格式。 解释通了sampler2D是什么之后,
还需要解释下为什么在这里需要一句对_MainTex的声明,
之前我们不是已经在Properties里声明过它是贴图了么。
答案是我们用来实例的这个shader其实是由两个相对独立的块组成的,
外层的属性声明,回滚等等是Unity可以直接使用和编译的ShaderLab;
而现在我们是在CGPROGRAM...ENDCG这样一个代码块中,这是一段CG程序。
对于这段CG程序,要想访问在Properties中所定义的变量的话,必须使用和之前变量相同的名字进行声明!【注意这里!!!】
于是其实sampler2D _MainTex;做的事情就是再次声明并链接了_MainTex,
使得接下来的CG程序能够使用这个变量。*/
sampler2D _MainTex; /*这是一个非常简单的结构体,称为Input,其中有一个float2数据类型,这是一个二维float矢量,也就是(a,b)这样的。*/
struct Input {
float2 uv_MainTex;
}; /*在坚持一下,这里还有几个变量:half类型的两个,fixed4类型的一个,
half类型表示半精度浮点数,计算性能好但是精度低,和float和double是同类型的浮点数;
fixed4不详,但是大意是四维的矢量*/ half _Glossiness;//必须使用和之前变量相同的名字进行声明!【注意这里!!!】 half _Metallic;//必须使用和之前变量相同的名字进行声明!【注意这里!!!】 fixed4 _Color;//必须使用和之前变量相同的名字进行声明!【注意这里!!!】 /*核心的处理函数:surf,输入一张二维浮点信息,也即是上面的uv_MainTex,
输出一个o表示材质(inout像c++里面的按照引入传入,虽说没有返回,但是也有信息传出的效果)*/
void surf (Input IN, inout SurfaceOutputStandard o) {
// Albedo comes from a texture tinted by color
fixed4 c = tex2D (_MainTex, IN.uv_MainTex) * _Color;
/*看这里:tex2D就是前面说的"利用UV去取图片获得纹理贴图"的做法,然后再乘以_Color, 这里用到了乘法的颜色算法,自己体会(这个_Color默认值为1,1,1,1,所以默认下不影响)
笔者到这里可以知道:fixed4表示一种四维矢量(用来表示颜色就挺合适的。此外,它是定点型小数而非浮点型小数)
*/ o.Albedo = c.rgb;
/* inout SurfaceOutputStandard o
这个结构有哪些包含的变量呢:
struct SurfaceOutput {
half3 Albedo; //像素的颜色
half3 Normal; //像素的法向值
half3 Emission; //像素的发散颜色
half Specular; //像素的镜面高光
half Gloss; //像素的发光强度
half Alpha; //像素的透明度
};
*/ // Metallic and smoothness come from slider variables
o.Metallic = _Metallic;
o.Smoothness = _Glossiness;
o.Alpha = c.a;
}
ENDCG
/*结束CG编码*/
}
FallBack "Diffuse"
//这里还不太明白,先放着。
}

第三步:看完之后再重新看看没有注释的代码,整理十分钟,然后继续。

第四步:那篇参考的教程到这里就完了,我补上结尾:

导入一张图片:

Unity Shader入门教程(一)

Unity Shader入门教程(一)

第五步:创建材质Material,

Unity Shader入门教程(一)

在细节里面选择shader:

Unity Shader入门教程(一)

是不是很懵逼,为什么要这么做?还记得吗,shader的本质是将图片转化为Material的算法。

第六步:选择一张图片:

Unity Shader入门教程(一)Unity Shader入门教程(一)

然后在右下方看到效果:(点箭头处切换预览样式)

Unity Shader入门教程(一)

第七步:随便新建一些物体,然后放入这个材质:

Unity Shader入门教程(一)

Unity Shader入门教程(一)

Unity Shader入门教程(一)

等等:好像没有反应?因为没有光线,加入直射光即可看到效果:

Unity Shader入门教程(一)Unity Shader入门教程(一)

——原创 小江村儿的文杰 zouwj5@qq.com 2017年7月21日22:29:44