zoukankan      html  css  js  c++  java
  • 【Unity Shaders】Shader学习资源和Surface Shader概述


    写在前面



    写这篇文章的时候,我断断续续学习Unity Shader半年了,其实还是个门外汉。我也能体会很多童鞋那种想要学好Shader却无从下手的感觉。在这个期间,我找到一些学习Shader的教程以及一些书籍。我整理在这篇博客里。


    什么是Shader


    Shader,也就是着色器,它的工作就是读取你的网格并渲染在屏幕上。Shader可以定义一些属性,你会用它来影响渲染模型时所显示的效果。当存储了这些属性的设置时,就是一个Material,材质。

    Shader有以下几个种类:
    • Surface Shaders —— 也称为表面着色器。这大概是Unity的骄傲。它去除了大部分“麻烦的工作”,可以适用于很多情况下 
    • Fragment Shaders —— 片段着色器。它允许你做更多的工作,但也更难写,而且它还让我们可以做低层的一些东西,像顶点光照,这对于移动设备和多个通道(passes)所必需的更高级的效果会非常有用。

    Shader学习资料










    嘿嘿,当然还有我正在学的《Unity Shaders and Effects Cookbook》一书(专栏)。


    以下将对Surface Shaders进行概述。其中主要参考了Unity Gems

    Shader管道


    Shader的工作是把一系列几何图形变成2D屏幕上的像素颜色。一个Surface Shader看起来像这样:


    但要注意,当你的函数退出之后,并不是得到像素的最终颜色,你还可以通过传递一个法线向量来影响光照。

    Fragment Shaders也有类似的管道,但必须包含其中的Vertex Function,并在其中需要做大量的工作以为下一步像素颜色的计算做准备。而Surface Shaders则隐藏了这一步。

    以上就是你的Surface Shaders的代码是如何被调用。Surface Shaders的代码需要看起来像这样:



    总结一下就是:首先需要定义一些Properties,然后将有一个或多个Subshaders。使用的subshader将取决于所运行的平台。除此之外,还应该指定一个Fallback Shader,如果你的subshaders都不可以在目标设备上运行,那么就会调用这个备用Shader。

    每个subshader都至少具有一个Pass,它读入数据处理后再输出数据。你可以使用这些passes执行不同的操作。例如,在Grab Pass中你可以捕捉到显示屏上已经呈现的像素。通过这种方法可以得到一些高级的屏幕效果。另外需要有多个passes的情况是,你需要处理不同的事情,像在创建效果的不同阶段写入或者忽略缓冲区。

    当你编写一个Surface Shader时,是直接写在Subshader里面的。系统将会把你的代码编译成多个passes。

    虽然着色器是写入到一个2D屏幕上,但是它也保持了每个像素距离摄像机的远近 —— 以此来避免后续渲染的对象在空间上位于已渲染对象的后面,但却覆盖了之前像素的情况出现。

    你可以使用Pass中的语句来控制​​这个Z方向的缓存是否对你的着色器代码有影响,或者你的Shader是否写入该缓冲区内,例如: Zwrite Off表明不会更新你的任何输出像素的Z方向的缓存区。 

    您可以使用这种技术来在其他对象上打孔 —— 通过写入Z缓冲区,但不输出任何实际的像素颜色,那么使用这个Shader的模型背后的对象将不能被写入(因为Z缓冲区中有距离更近的像素了),这样看起来这个对象就像是被打了洞一样。
    下面展示了一个最简单的Surface Shader:



    下一次,将对上面代码中的几个部分分别做出说明:Properties,Tags,SubShader的结构,Input结构体,surf函数等。


    理解Shader代码


    接下来,我们将概要地解释Shader中各个部分的作用,进一步理解Shader。


    Properties


    由上面的代码可以看出,Shader的第一行指明了Shader的名字:“Example/Diffuse Texture”。紧跟着就是Shader的第一个重要组成部分,Properties{ }。我们可以在Properties里面定义一系列属性,这些属性被下面的SubShader所共享,它们可以让你在Unity的面板里直观地控制Shader变量,影响渲染结果。


    这些属性的定义格式如下:

    _Name ( "Displayed Name", type ) = default value {options}

    • _Name:程序中引用的名字,和我们一般理解的变量名称是一样的。
    • Displayed Name:这个字符串将会出现在Unity材质的编辑面板上。
    • type:该属性的类型。Unity支持以下几种属性类型:
      • Color:表示一个单一的RGBA颜色值;
      • 2D: 表示一张大小为2的次方的纹理贴图,可以使用基于模型UV坐标来进行采样;
      • Rect:表示一张纹理不是2的次方的纹理贴图;
      • Cube:表示一个可用于反射的3D立方体映射贴图,可以进行采样;
      • Range(min, max):一个取值范围在min到max之间的浮点值;
      • Float: 一个可以为任意值的浮点值;
      • Vector:一个4维度的向量。
    • default value:该属性的默认值。
      • Color:使用浮点值表示的(r, g, b, a),例如(1,1,1,1);
      • 2D/Rect/Cube:对于贴图类型的属性,默认值可以是一个空字符串,或者"white", "black", "gray", "bump"这样的字符串;
      • Float/Range:在此范围内的值即可;
      • Vector:以(x,y,z,w)形式表示的4D向量;
    • { options }:只和纹理类型的2D、Rect和Cube相关,它必须至少被指定为{ }。你可以使用空格分隔多个选项,有如下选择:
      • TexGen贴图生成模式:该纹理的自动纹理坐标生成模式。可以为ObjectLinearEyeLinearSphereMapCubeReflectCubeNormal。这些直接对应了OpenGL中的texgen modes。注意,如果你编写了一个顶点函数,那么可以忽略TexGen。

    下面的实例展示了Properties的写法:

    //Define a color with a default value of semi-transparent red
    _MainColor ("Main Color", Color) = (1,0,0,0.5)
    //Define a texture with a default of white
    _Texture ("Texture", 2D) = "white" {}

    注意,在定义属性时不需要在末尾添加分号";"。


    Tags



    我们的Surface Shader可以使用Tags进行装饰。这些Tags可以告诉硬件应该什么时候调用你的Shader。

    在上述例子里,有:Tags { "RenderType" = "Opaque" },该指令告诉系统在渲染Opaque几何图形时调用我们的Shader。Unity定义了一系列这样的队列。另一个常用的是"RenderType" = "Transparent",这表明你的Shader可能会输出一些半透明或全透明的像素。

    其他的tags也同样非常有用,例如"IgnoreProjector"="True",这表明你的对象不会受投影和"Queue"="xxxx"的影响。

    Queue tag可以指定何时渲染你的Shader,详情可参见这篇文章



    Shader结构



    我们来看Shader下面的部分。




    可以看出,这部分代码使用CG语言写的,它有点像C语言。你可以去查看Nvidia的文档去了解更多内容。这里将会进行简单的介绍。

    其中很重要的变量为float类型和向量(vec)类型,这两种类型可以紧跟一个2、3或者4进行定义。这种类型在图形处理里面非常常见。

    //Define a float variable
    vec2 coordinate;
    //Define a color variable
    float4 color;
    //Multiply out a color
    float3 multipliedColor = color.rgb * coordinate.x;

     我们可以使用.xyzw和.rgba符号访问存储在这些变量中的值(颜色、位置、法线等)。

    我们还会遇到half和double类型。和字面表示的一样,这两种类型分别是普通float类型大小的一半和两倍。half通常被用于性能限制的情况下。还有一种类型是fixed,它表示固定小数的实数。


    从Surface Shader输出信息


    因此,每个像素都会调用我们的Surface Shader。系统在模型的每个面片上进行插值,为我们的输入结构设置了当前值。

    surf函函数和下面类似:

    void surf (Input IN, inout SurfaceOutput o) {
        o.Albedo = tex2D (_MainTex, IN.uv_MainTex).rgb;
    }

    显然,我们是为SurfaceOutput中的Albedo属性进行了设置。SurfaceOutput是Unity为我们定义的一种结构体,它的定义如下:

    struct SurfaceOutput {
        half3 Albedo;      //The color of the pixel
        half3 Normal;     //The normal of the pixel
        half3 Emission;   //The emissive color of the pixel
        half Specular;     //Specular power of the pixel
        half Gloss;         //Gloss intensity of the pixel
        half Alpha;         //Alpha value for the pixel
    };

    我们只需要填充上述成员变量,Unity在自动生成passes时会自行判断如何使用它们。

    下面我们来解释Shader代码中最关键的部分。

    首先,是surf函数的输入参数Input结构:

    struct Input {
        float2 uv_MainTex;
    };

    只需要通过Input结构体,我们就可以告诉系统,为当前正在处理的像素得到在MainTex中对应的纹理坐标。如果不止一张纹理,例如还有一张_OtherTexture,我们只需要添加如下代码:

    struct Input {
        float2 uv_MainTex;
        float2 uv_OtherTexture;
    };

    如果对于这种纹理,我们需要第二组uv坐标,可以添加如下代码:

    struct Input {
        float2 uv_MainTex;
        float2 uv2_OtherTexture;
    };

    Input结构体通常包含了所有贴图的uv或uv2坐标。但是,如果我们的Shader比较复杂,并且需要了解像素渲染的其他信息,我也就可以通过将其包括在Input结构体中来要求得到这些变量。

    • float3 viewDir:视角方向,用于计算视差效果和边缘照明等;
    • 使用COLOR语义的float4:包含了插值后的逐顶点颜色;
    • float4 screenPos:屏幕空间中的位置;
    • float3 worldPos:世界空间中的位置;
    • float3 worldRefl:如果Surface Shader没有改写o.Normal,将包含了环境反射向量;
    • float3 worldNormal:如果Surface Shader没有改写o.Normal,将包含了环境法线向量;
    • INTERNAL_DATA:当我们需要改写o.Normal时,一些函数,如WorldNormalVector等,需要该变量进行计算;

    最后,我们来解释下面这句话:

    Sampler2D _MainTex;

    对于Properties中定义的每一个属性,你都需要在CG程序中声明一个变量来访问它。而且该变量和属性的名称必须完全一样。


    当该属性是一张文字,而你需要在Input结构中得到对应的uv坐标时,uv或者uv2后面的名称也必须和属性名相同。

    在上图中,_MainTex对应了一张纹理贴图,它对应的变量类型就是sampler2D类型,只要得到了一个uv坐标,我们就可以在贴图上进行采样得到颜色值。

    surf函数中仅用了一个函数:

    o.Albedo = tex2d( _MainTex, IN.uv_MainTex).rgb;

    它使用Input中得到的该像素对应的_MainTex中的uv坐标,在_MainTex进行采样,得到一个float4类型的颜色值(包括了透明通道)。如果我们需要得到透明通道的值,可以这样做:

    float4 texColor = tex2d( _MainTex, IN.uv_MainTex );
    o.Albedo = texColor.rgb;
    o.Alpha = texColor.a;



    总结


    呼呼呼,本文主要介绍了Unity中Shader的两种主要类型,并对其他的一种类型Surface Shader做了一个初步的概述。希望通过本文,大家可以有一个大概的认识,当然,深入的学习和理解还有很长的一段路要走啊。







  • 相关阅读:
    2014.3.3 图像旋转方法
    2014.2.23 datagridview显示图片的方法
    2016.10.8 文件读取和两种模式写入
    2016.8.11 DataTable合并及排除重复方法
    2016.8.17服务器端数据库用户导入导出方法 expdp和impdp
    2016.8.11 禁用360进程防护功能
    2016.7.27 VS搜索正则表达式,在UltraEdit中可选用Perl正则引擎,按C#语法搜索
    2016.6.18主窗体、子窗体InitializeComponent()事件、Load事件发生顺序以及SeleChanged事件的发生
    delphi之猥琐的webserver实现
    HTTP协议中GET、POST和HEAD的介绍
  • 原文地址:https://www.cnblogs.com/xiaowangba/p/6314683.html
Copyright © 2011-2022 走看看