Unity3d之Shader编程:子着色器、通道与标签的写法 & 纹理混合

一、子着色器

Unity中的每一个着色器都包含一个subshader的列表,当Unity需要显示一个网格时,它能发现使用的着色器,并提取第一个能运行在当前用户的显示卡上的子着色器。

我们知道,子着色器定义了一个渲染通道的列表,并可选是否为所有通道初始化所需要的通用状态。子着色器的写法如下:

Subshader{ [Tags] [CommonState] Passdef [Passdef ...] }

也就是通过可选标签,通用状态 和 一个Pass 定义的列表构成了子着色器。

当Unity选择用于渲染的子着色器时,它为每一个被定义的通道渲染一次对象(可能会更多,这取决于光线的交互作用)。当对象的每一次渲染都是很费资源之时,我们便使用尽量少的通道来定义一个着色器。当然,有时在一些显示硬件上需要的效果不能通过单次通道来完成。自然就得使用多通道的子着色器了。

另外,通道定义的类型包括a regular Pass, a Use Pass or aGrab Pass。

任何出现在通道定义的状态同时也能整个子着色器块中可见。这将使得所有通道共享状态。

1.1 关于子着色器标签(SubShader Tags)

子着色器使用标签来告诉渲染引擎期望何时和如何渲染对象。其语法如下:

Tags { "TagName1" ="Value1" "TagName2" = "Value2" }

也就是,为标签"TagName1"指定值"Value1"。为标签"TagName2"指定值"Value2"。我们可以设定任意多的标签。

标签是标准的键值对,也就是可以根据一个键值获得对应的一个值的。SubShader 中的标签是用来决定渲染的次序和子着色器中的其他变量的。

1.1.1  决定渲染次序——队列标签(Queue tag)

我们可以使用 Queue 标签来决定对象被渲染的次序。着色器决定它所归属的对象的渲染队列,任何透明渲染器可以通过这个办法保证在所有不透明对象渲染完毕后再进行渲染。

有四种预定义(predefined)的渲染队列,在预定义队列之间还可以定义更多的队列。这四种预定义的标签如下:

  • 后台(Background) - 这个渲染队列在所有队列之前被渲染,被用于渲染天空盒之类的对象。
  • 几何体(Geometry,默认值)- 这个队列被用于大多数对象。 不透明的几何体使用这个队列。
  • 透明(Transparent) - 这个渲染队列在几何体队列之后被渲染,采用由后到前的次序。任何采用alpha混合的对象(也就是不对深度缓冲产生写操作的着色器)应该在这里渲染(如玻璃,粒子效果等)
  • 覆盖(Overlay) - 这个渲染队列被用于实现叠加效果。任何需要最后渲染的对象应该放置在此处。(如镜头光晕等)

一个使用Tags的示例如下:

[cpp] view plaincopyprint?

  1. Shader "Transparent QueueExample"
  2. {
  3. SubShader
  4. {
  5. //写上Tags标签
  6. Tags {"Queue" = "Transparent" }
  7. //开始一个通道
  8. Pass
  9. {
  10. // 写Shader实体内容
  11. }
  12. }
  13. }
Shader "Transparent QueueExample"
{
    SubShader
{
//写上Tags标签
       Tags {"Queue" = "Transparent" }
              //开始一个通道
       Pass
{
           // 写Shader实体内容
       }
    }
}

1.1.2 自定义中间队列

让我们来举例说明如何在透明队列中渲染对象。一般情况下,几何体渲染队列为了达到最优的性能优化了对象的绘制次序。而其他渲染队列依据举例排序对象,从最远的对象开始渲染到最近的对象。

而对于特殊的需要,可以使用中间队列来满足。在Unity实现中每一个队列都被一个整数的索引值所代表。后台为1000,几何体为2000,透明为3000,叠加层为4000. 着色器可以自定义一个队列,如:

Tags { "Queue" ="Geometry+1" }

因为渲染队列是从小到大来数的,这就会使对象在所有不透明的对象渲染之后但却在所有透明物体前被渲染,该渲染队列的索引值为2001。当我们希望某些对象总是在其他某些对象前被绘制的情况下,这用起来就很方便了。比如,在绝大多数时候,透明的水总是应该在所有不透明的物体之后并在透明对象前被渲染,这就可以通过中间队列来满足渲染需求。

1.1.3 关于忽略投影标签(IgnoreProjector tag)

后面我们会接触到,若设置IgnoreProjector(忽略投影)标签为"True",那么使用这个着色器的对象就不会被投影机制(Projectors)所影响。这对半透明的物体来说是一个福利,因为暂时没有对他们产生投影的比较合适的办法,那么直接忽略掉就行了。

二、 通道(Pass)相关内容讲解

Pass通道块控制被渲染的对象的几何体。其语法定义是这样的:

Pass { [Name and Tags] [RenderSetup][TextureSetup] }

基本通道命令包含一个可选的渲染设置命令的列表,和可选的被使用的纹理的列表。

2.1 通道中的名称与标签(Name and tags )

一个通道能定义它的Name 和任意数量的Tags。通过使用tags来告诉渲染引擎在什么时候该如何渲染他们所期望的效果。语法如下:

Tags { "TagName1" ="Value1" "TagName2" = "Value2" }

指定TagName1 的值为Value1 ,TagName2 的值为 Value2 你可以指定很多自己喜欢的标签,下面会详细来列举。

标签基本上是键-值对的形式。 内部的Pass标签用来控制光照管道(环境光照,顶点光照和像素光照)中pass 的任务和一些其它选项。注意以下的标签必须在pass段内部,而不是在SubShader中被识别。

2.1.1 光照模式标签(LightMode tag)

LightMode 标签定义了Shader的光照模式,具体含义以后会在讲渲染管线时讲到。下面我们先简单了解一下有哪些光照模式可选,以及他们的具体作用:

  • Always: 总是渲染。没有运用光照。
  • ForwardBase:用于正向渲染,环境光、方向光和顶点光等
  • ForwardAdd:用于正向渲染,用于设定附加的像素光,每个光照对应一个pass
  • PrepassBase:用于延迟光照,渲染法线/镜面光。
  • PrepassFinal:用于延迟光照,通过结合纹理,光照和自发光渲染最终颜色
  • Vertex: 用于顶点光照渲染,当物体没有光照映射时,应用所有的顶点光照
  • VertexLMRGBM:用于顶点光照渲染,当物体有光照映射的时候使用顶点光照渲染。在平台上光照映射是RGBM 编码
  • VertexLM:用于顶点光照渲染,当物体有光照映射的时候使用顶点光照渲染。在平台上光照映射是double-LDR 编码(移动平台,及老式台式CPU)
  • ShadowCaster: 使物体投射阴影。
  • ShadowCollector: 为正向渲染对象的路径,将对象的阴影收集到屏幕空间缓冲区中。

2.1.2 条件选项标签 (RequireOptions tag )

若想要在一些外部条件得到满足时某pass才渲染,就可以通过使用RequireOptions标签,它的值是一个空格分割的字符串,目前由Unity3d支持的选项只有一个,就是渲染植被之时:

SoftVegetation: 如果在QualitySettings中开启渲染软植被(Edit->Project Settings->Quality),则该pass可以渲染

2.2 关于渲染设置 (Render Setup )

通道设定显示硬件的各种状态,例如能打开alpha混合,能使用雾,等等。这些命令如下:

Material { Material Block }

定义一个使用顶点光照管线的材质,详情参考上次我们讲的Material

Lighting On | Off

开启或关闭顶点光照。开启灯光之后,顶点光照才会有作用

Cull Back | Front | Off

设置多边形剔除模式,详细内容后面的文章会讲解到。

ZTest (Less | Greater | LEqual | GEqual |Equal | NotEqual | Always)

设置深度测试模式,详细内容后面的文章会讲解到。

ZWrite On | Off

设置深度写模式,详细内容后面的文章会讲解到。

Fog { Fog Block }

设置雾参数,详细内容后面的文章会讲解到。

AlphaTest (Less | Greater | LEqual | GEqual| Equal | NotEqual | Always) CutoffValue

开启alpha测试

Blend SourceBlendMode |DestBlendMode

设置alpha混合模式

Color Color value

设置当顶点光照关闭时所使用的颜色

ColorMask RGB | A | 0 | any combination of R, G, B, A

设置颜色写遮罩。设置为0将关闭所有颜色通道的渲染

Offset OffsetFactor , OffsetUnits

设置深度偏移

SeparateSpecular On | Off

开启或关闭顶点光照相关的平行高光颜色。

ColorMaterial AmbientAndDiffuse | Emission

当计算顶点光照时使用每顶点的颜色

2.3 关于纹理设置(Texture Setup )

在完成渲染设定后,我们可以指定一定数量的纹理和当使用 SetTexture 命令时所采用的混合模式:

SetTexture [texture property]{ [Combineoptions] }

纹理设置,用于配置固定函数多纹理管线,当自定义fragment shaders 被使用时,这个设置也就被忽略掉了。

2.4 一些细节

2.4.1 关于每像素光照(Per-pixel Lighting )

每像素光照管线通过多次通道渲染对象来完成。Unity渲染对象一次来获取阴影色和任何顶点光照。然后再在额外的并行通道中渲染出每像素光照的效果。

2.4.2 关于每顶点光照(Per-vertex Lighting)

每顶点光照是标准的Direct3D/OpenGL光照模式,通过计算每个顶点的光照来完成。Lighting on命令开启光照。而我们知道,光照被材质块,颜色材质和平行高光等命令所影响。

2.5 一些高端特效的通道命令

有时候,我们会写一些特殊的通道,要多次反复利用普通的功能或是实现高端的特效。应对这些情况,Unity中就有一些高级点武器可以选用,这里简单讲一讲吧,现在先稍微有个概念就好。

2.5.1 UsePass——包含已经写好的通道

UsePass 可以包含来自其他着色器的通道,来减少重复的代码。

例如,在许多像素光照着色器中,阴影色或顶点光照通道在在相应的顶点光照着色器中是相同的。UsePass命令只是包含了另一个着色器的给定通道。例如如下的命令可以使用内置的高光着色器中的名叫"Base"的通道:

UsePass "Specular/BASE"

而为了让UsePass能够认识到指定的是谁,必须给希望使用的通道命名,弄个身份证。通道中的Name命令就是这个功能:

Name "MyPassName"

2.5.2 GrabPass——捕获屏幕内容到纹理中

GrabPass 可以捕获物体所在位置的屏幕的内容并写入到一个纹理中,通常在靠后的通道中使用,这个纹理能被用于后续的通道中完成一些高级图像特效。

一个示例如下:

[cpp] view plaincopyprint?

  1. Shader "GrabPassInvert"
  2. {
  3. SubShader
  4. {
  5. //在所有不透明几何体之后绘制
  6. Tags { "Queue" = "Transparent" }
  7. //捕获对象后的屏幕到_GrabTexture中
  8. GrabPass { }
  9. //用前面捕获的纹理渲染对象,并反相它的颜色
  10. Pass
  11. <span style="white-space: pre;">    </span>{
  12. SetTexture [_GrabTexture] { combine one-texture }
  13. }
  14. }
  15. }
Shader "GrabPassInvert"
{
SubShader
{
      //在所有不透明几何体之后绘制
       Tags { "Queue" = "Transparent" }

      //捕获对象后的屏幕到_GrabTexture中
       GrabPass { }

       //用前面捕获的纹理渲染对象,并反相它的颜色
       Pass
	{
           SetTexture [_GrabTexture] { combine one-texture }
       }
    }
}

三、纹理(Texturing)相关内容讲解

纹理在基本的顶点光照计算完成之后被应用,这也就是SetTexture 命令必须放置在通道的末尾的原因了。在着色器中通过SetTexture 命令来完成。

需要注意的是,SetTexture 命令在使用了片段着色器时不会生效;因为在片段着色器下像素操作被完全描述在着色器中。

材质贴图可以用来实现旧式风格的混合器效果。我们可以在一个通道中使用多个SetTexture命令, SetTexture所有纹理都是按代码顺序来添加的,也就是如同Photoshop中的图层操作一样。SetTexture的语法如下:

SetTexture [TexturePropertyName] { TextureBlock }

解释:分配一个纹理,其中TexturePropertyName必须为一个纹理,也就是在shader最开始的Properties中的属性。在TextrueBlock中设置如何应用纹理,即纹理块控制纹理如何被应用。而在纹理块中能执行3种命令:合并操作,矩阵操作、与常量颜色进行混合操作。

3.1 纹理合并命令

combine src1 * src2

将源1和源2的元素相乘。结果会比单独输出任何一个都要暗

combine src1 + src2

将将源1和源2的元素相加。结果会比单独输出任何一个都要亮

combine src1 - src2

源1 减去 源2

combine src1 +- src2

先相加,然后减去0.5(也就是添加了一个符号)

combine src1 lerp (src2src3

使用源2的透明度通道值在源3和源1中进行差值,注意差值是反向的:当透明度值是1是使用源1,透明度为0时使用源3

combine src1 * src2 + src3

源1和源2的透明度相乘,然后加上源3

combine src1 * src2 +- src3

源1和源2的透明度相乘,然后和源3做符号加

combine src1 * src2 - src3

源1和源2的透明度相乘,然后和源3相减

其中,所有src属性都可以是previous,constant, primary or texture其中的一个。

    • Previous 是上一次SetTexture的结果
    • Primary 是来自光照计算的颜色或是当它绑定时的顶点颜色
    • Texture是在SetTexture中被定义的纹理的颜色
    • Constant是被ConstantColor定义的颜色

一些小技巧:

1.上述的公式都均能通过关键字 Double 或是 Quad 将最终颜色调高亮度2倍或4倍。

2.所有的src属性,除了差值参数都能被标记一个“-”负号来使最终颜色反相。

3.所有src属性能通过跟随 alpha 标签来表示只取用alpha通道。

3.2 颜色常量命令

ConstantColor color

定义在combine命令中能被使用的常量颜色

3.3 纹理矩阵命令

matrix [MatrixPropertyName]

使用给定矩阵变换纹理坐标

3.4 一些细节

较老的显卡对纹理一般会使用分层的操作方案,而纹理在每一层后被应用一次颜色的修改。对每一个纹理,一般来说纹理都是和上一次操作的结果混合,如图:

需要注意的是,对于“纯正”的“固定功能流水线”设备(比如说OpenGL, OpenGL ES 1.1, Wii),每个SetTexture阶段的值被限制为0到1的范围之间。而其他的设备(如Direct3D, OpenGL ES 2.0)中,这个范围就不一定是固定的。这种情况就可能会影响SetTexture阶段,可能使产生的值高于1.0。

3.4.1 关于分离的透明度和颜色混合(Separate Alpha & Color computation)

在默认情况下,混合公式被同时用于计算纹理的RGB通道和透明度。同时,我们也能指定针对透明度来单独计算,比如这样,将RGB操作和Alpha操作隔开:

SetTexture [_MainTex] { combine previous *texture, previous + texture }

如上所述,我们对RGB的颜色做乘然后对Alpha透明度相加

3.4.2 关于反射高光(Specular highlights)

默认情况下primary颜色是漫反射,阴影色和高光颜色(在光线计算中定义)的加和。如果我们将通道设置中的SeparateSpecular On 写上,高光色便会在混合计算后被加入,而不是之前。PS:Unity内置的顶点着色器就是加上SeparateSpecular On的。

3.4.3 关于显卡的硬件支持情况说明

我们上篇文章中已经讲到过,一些旧的显示卡不能支持某些纹理混合模式,且不同的卡有不同数目的SetTexture阶段可用。所以我们应该为想支持的显卡来分开写SubShader,适应各种情况 。

PS::支持像素着色器1.1版本的显卡(即NVIDIA GeForce 3 或更高, ATI Radeon 8500 或更高, Intel 9xx)支持所有的混合器模式,并且可以拥有至少4级渲染阶段。下表简述了硬件支持情况。


Card 显卡


Stage count

级数


Combiner modes not supported不支持的结合模式


NVIDIA GeForce 3/4Ti and up


4


In OpenGL on Windows, src1*src2-src3 is  not supported


NVIDIA TNT2, GeForce 256, GeForce 2,  GeForce 4MX


2


In OpenGL on Windows, src1*src2-src3 is  not supported


ATI Radeon 9500 and up


4-8


8 in OpenGL, 4 in D3D9


ATI Radeon 8500-9250


4-6


6 in OpenGL, 4 in D3D9


ATI Radeon 7500


3


ATI Rage


2


src1*src2+src3    src1*src2+-src3    src1*src2-src3

四、Shader书写实战

上面讲了一堆一堆的概念和写法,估计大家一遍看下来头都大了。没关系,依旧是让我们看一些示例Shader的写法,弄清楚上面这一堆堆的概念是如何应用的。主要是纹理相关内容的Shader书写

1. Alpha纹理混合

先看看如何用本文讲解的写法,写出一个简单的纹理混合Shader。首先设置第一个混合器只使用_MainTex,然后使用_BlendTex的Alpha通道来淡入_BlendTex的RGB颜色:

[cpp] view plaincopyprint?

  1. Shader "浅墨Shader编程/Volume3/7.Alpha纹理混合"
  2. {
  3. //-------------------------------【属性】-----------------------------------------
  4. Properties
  5. {
  6. _MainTex ("基础纹理(RGB)", 2D) = "white" {}
  7. _BlendTex ("混合纹理(RGBA) ", 2D) = "white" {}
  8. }
  9. //--------------------------------【子着色器】--------------------------------
  10. SubShader
  11. {
  12. Pass
  13. {
  14. // 【1】应用主纹理
  15. SetTexture [_MainTex] { combine texture }
  16. // 【2】使用相乘操作来进行Alpha纹理混合
  17. SetTexture [_BlendTex] {combine texture * previous}
  18. }
  19. }
  20. }
Shader "浅墨Shader编程/Volume3/7.Alpha纹理混合"
{
	//-------------------------------【属性】-----------------------------------------
    Properties
	{
        _MainTex ("基础纹理(RGB)", 2D) = "white" {}
        _BlendTex ("混合纹理(RGBA) ", 2D) = "white" {}
    }

	//--------------------------------【子着色器】--------------------------------
    SubShader
	{
        Pass
		{
			// 【1】应用主纹理
            SetTexture [_MainTex] {	combine texture }
			// 【2】使用相乘操作来进行Alpha纹理混合
            SetTexture [_BlendTex] {combine texture * previous}
        }
    }
}

进行混合的两张纹理如下:

 

此Shader编译后赋给材质的效果如下:

2.纹理的Alpha通道与自发光相混合

这个着色器使用_MainTex的Alpha来描述什么地方应用光照。它通过分两个阶段应用纹理来实现;第一个阶段,纹理的Alpha值被用来在顶点颜色和纯白色之间混合。第二阶段,乘入纹理的RGB通道:

[cpp] view plaincopyprint?

  1. Shader "浅墨Shader编程/Volume3/8.纹理的Alpha通道与自发光相混合"
  2. {
  3. //-------------------------------【属性】-----------------------------------------
  4. Properties
  5. {
  6. _MainTex ("基础纹理 (RGB)-自发光(A)", 2D) =  "red" { }
  7. }
  8. //--------------------------------【子着色器】----------------------------------
  9. SubShader
  10. {
  11. Pass
  12. {
  13. //【1】设置白色的顶点光照
  14. Material
  15. {
  16. Diffuse (1,1,1,1)
  17. Ambient (1,1,1,1)
  18. }
  19. //【2】开光照
  20. Lighting On
  21. //【3】使用纹理的Alpha通道来插值混合颜色(1,1,1,1)
  22. SetTexture [_MainTex]
  23. {
  24. constantColor (1,1,1,1)
  25. combine constant lerp(texture) previous
  26. }
  27. //【4】和纹理相乘
  28. SetTexture [_MainTex]
  29. {
  30. combine previous * texture
  31. }
  32. }
  33. }
  34. }
Shader "浅墨Shader编程/Volume3/8.纹理的Alpha通道与自发光相混合"
{
	//-------------------------------【属性】-----------------------------------------
    Properties
	{
		_MainTex ("基础纹理 (RGB)-自发光(A)", 2D) =  "red" { }
    }

	//--------------------------------【子着色器】----------------------------------
    SubShader
	{
        Pass
		{
			//【1】设置白色的顶点光照
            Material
			{
                Diffuse (1,1,1,1)
                Ambient (1,1,1,1)
            }

			//【2】开光照
            Lighting On

			//【3】使用纹理的Alpha通道来插值混合颜色(1,1,1,1)
            SetTexture [_MainTex]
			{
                constantColor (1,1,1,1)
                combine constant lerp(texture) previous
            }

			//【4】和纹理相乘
            SetTexture [_MainTex]
			{
                combine previous * texture
            }
        }
    }
}

此Shader编译后赋给材质的效果如下:

3. 纹理Alpha与自发光混合可调色版

这次我们给出一个Color属性,让自发光颜色可调:

[cpp] view plaincopyprint?

  1. Shader "浅墨Shader编程/Volume3/9.纹理Alpha与自发光混合可调色版"
  2. {
  3. //-------------------------------【属性】---------------------------------------
  4. Properties
  5. {
  6. _IlluminCol ("自发光(RGB)", Color) = (1,1,1,1)
  7. _MainTex ("基础纹理 (RGB)-自发光(A)", 2D) = "white" {}
  8. }
  9. //--------------------------------【子着色器】--------------------------------
  10. SubShader
  11. {
  12. Pass
  13. {
  14. //【1】设置白色的顶点光照
  15. Material
  16. {
  17. Diffuse (1,1,1,1)
  18. Ambient (1,1,1,1)
  19. }
  20. //【2】开启光照
  21. Lighting On
  22. // 【3】将自发光颜色混合上纹理
  23. SetTexture [_MainTex]
  24. {
  25. // 使颜色属性进入混合器
  26. constantColor [_IlluminCol]
  27. // 使用纹理的alpha通道混合顶点颜色
  28. combine constant lerp(texture) previous
  29. }
  30. // 【4】乘以纹理
  31. SetTexture [_MainTex] {combine previous * texture }
  32. }
  33. }
  34. }
Shader "浅墨Shader编程/Volume3/9.纹理Alpha与自发光混合可调色版"
{
	//-------------------------------【属性】---------------------------------------
    Properties
	{
        _IlluminCol ("自发光(RGB)", Color) = (1,1,1,1)
        _MainTex ("基础纹理 (RGB)-自发光(A)", 2D) = "white" {}
    }

	//--------------------------------【子着色器】--------------------------------
    SubShader
	{
        Pass
		{
			//【1】设置白色的顶点光照
            Material
			{
                Diffuse (1,1,1,1)
                Ambient (1,1,1,1)
            }

			//【2】开启光照
            Lighting On

            // 【3】将自发光颜色混合上纹理
            SetTexture [_MainTex]
			{
				// 使颜色属性进入混合器
                constantColor [_IlluminCol]
				// 使用纹理的alpha通道混合顶点颜色
                combine constant lerp(texture) previous
            }

            // 【4】乘以纹理
            SetTexture [_MainTex] {combine previous * texture }

        }
    }
}

此Shader编译后赋给材质的效果如下,可以自由调节颜色:

4. 顶点光照+纹理Alpha自发光混合

我们将本文中介绍的知识点和上一篇文章中顶点光照相关的内容结合起来,主要是在Pass中添加了一句,让顶点光照可以和纹理颜色结合起来:

[cpp] view plaincopyprint?

  1. //---------------------开启独立镜面反射----------------
  2. SeparateSpecular On
//---------------------开启独立镜面反射----------------
SeparateSpecular On

完整的Shader代码如下:

[cpp] view plaincopyprint?

  1. Shader "浅墨Shader编程/Volume3/10.顶点光照+纹理Alpha自发光混合"
  2. {
  3. //-------------------------------【属性】---------------------------------------
  4. Properties
  5. {
  6. _IlluminCol ("自发光色", Color) = (1,1,1,1)
  7. _Color ("主颜色", Color) = (1,1,1,0)
  8. _SpecColor ("高光颜色", Color) = (1,1,1,1)
  9. _Emission ("光泽颜色", Color) = (0,0,0,0)
  10. _Shininess ("光泽度", Range (0.01, 1)) = 0.7
  11. _MainTex ("基础纹理 (RGB)-自发光(A)", 2D) = "white" { }
  12. }
  13. //--------------------------------【子着色器】--------------------------------
  14. SubShader
  15. {
  16. Pass
  17. {
  18. //【1】设置顶点光照值
  19. Material
  20. {
  21. Diffuse [_Color]
  22. Ambient [_Color]
  23. Shininess [_Shininess]
  24. Specular [_SpecColor]
  25. Emission [_Emission]
  26. }
  27. //【2】开启光照
  28. Lighting On
  29. //【3】---------------------开启独立镜面反射----------------
  30. SeparateSpecular On
  31. // 【4】将自发光颜色混合上纹理
  32. SetTexture [_MainTex]
  33. {
  34. // 使颜色属性进入混合器
  35. constantColor [_IlluminCol]
  36. // 使用纹理的alpha通道插值混合顶点颜色
  37. combine constant lerp(texture) previous
  38. }
  39. // 【5】乘上纹理
  40. SetTexture [_MainTex] {  combine previous * texture   }
  41. //【6】乘以顶点纹理
  42. SetTexture [_MainTex]  {  Combine previous * primary DOUBLE, previous * primary}
  43. }
  44. }
  45. }
Shader "浅墨Shader编程/Volume3/10.顶点光照+纹理Alpha自发光混合"
{
	//-------------------------------【属性】---------------------------------------
    Properties
	{
        _IlluminCol ("自发光色", Color) = (1,1,1,1)
        _Color ("主颜色", Color) = (1,1,1,0)
        _SpecColor ("高光颜色", Color) = (1,1,1,1)
        _Emission ("光泽颜色", Color) = (0,0,0,0)
        _Shininess ("光泽度", Range (0.01, 1)) = 0.7
        _MainTex ("基础纹理 (RGB)-自发光(A)", 2D) = "white" { }
    }

	//--------------------------------【子着色器】--------------------------------
    SubShader
	{
        Pass
		{
			//【1】设置顶点光照值
            Material
			{
                Diffuse [_Color]
                Ambient [_Color]
                Shininess [_Shininess]
                Specular [_SpecColor]
                Emission [_Emission]
            }

			//【2】开启光照
            Lighting On

			//【3】---------------------开启独立镜面反射----------------
            SeparateSpecular On

            // 【4】将自发光颜色混合上纹理
            SetTexture [_MainTex]
			{
				// 使颜色属性进入混合器
                constantColor [_IlluminCol]
				// 使用纹理的alpha通道插值混合顶点颜色
                combine constant lerp(texture) previous
            }

            // 【5】乘上纹理
            SetTexture [_MainTex] {  combine previous * texture   }

			//【6】乘以顶点纹理
			 SetTexture [_MainTex] 	{  Combine previous * primary DOUBLE, previous * primary}

        }

    }
}

此Shader编译后赋给材质的效果如下:

5. 顶点光照+自发光混合+纹理混合

在刚刚介绍的第四个Shader的基础上,加上第一个Shader中讲解的纹理混合,就做成了本文最终的顶点光照+自发光混合+纹理混合Shader:

[cpp] view plaincopyprint?

  1. Shader "浅墨Shader编程/Volume3/11.顶点光照+自发光混合+纹理混合"
  2. {
  3. //-------------------------------【属性】-----------------------------------------
  4. Properties
  5. {
  6. _IlluminCol ("自发光色", Color) = (0,0,0,0)
  7. _Color ("主颜色", Color) = (1,1,1,0)
  8. _SpecColor ("高光颜色", Color) = (1,1,1,1)
  9. _Emission ("光泽颜色", Color) = (0,0,0,0)
  10. _Shininess ("光泽度", Range (0.01, 1)) = 0.7
  11. _MainTex ("基础纹理 (RGB)-自发光(A)", 2D) = "white" {}
  12. _BlendTex ("混合纹理(RGBA) ", 2D) = "white" {}
  13. }
  14. //--------------------------------【子着色器】--------------------------------
  15. SubShader
  16. {
  17. //----------------通道---------------
  18. Pass
  19. {
  20. //【1】设置顶点光照值
  21. Material
  22. {
  23. //可调节的漫反射光和环境光反射颜色
  24. Diffuse [_Color]
  25. Ambient [_Color]
  26. //光泽度
  27. Shininess [_Shininess]
  28. //高光颜色
  29. Specular [_SpecColor]
  30. //自发光颜色
  31. Emission [_Emission]
  32. }
  33. //【2】开启光照
  34. Lighting On
  35. //【3】--------------开启独立镜面反射--------------
  36. SeparateSpecular On
  37. //【4】将自发光颜色混合上纹理
  38. SetTexture [_MainTex]
  39. {
  40. // 使颜色属性进入混合器
  41. constantColor [_IlluminCol]
  42. // 使用纹理的alpha通道插值混合顶点颜色
  43. combine constant lerp(texture) previous
  44. }
  45. //【5】乘上基本纹理
  46. SetTexture [_MainTex] { combine previous * texture  }
  47. //【6】使用差值操作混合Alpha纹理
  48. SetTexture [_BlendTex] { combine previous*texture }
  49. //【7】乘以顶点纹理
  50. SetTexture [_MainTex] {Combine previous * primary DOUBLE, previous * primary }
  51. }
  52. }
  53. }
Shader "浅墨Shader编程/Volume3/11.顶点光照+自发光混合+纹理混合"
{
	//-------------------------------【属性】-----------------------------------------
    Properties
	{
		_IlluminCol ("自发光色", Color) = (0,0,0,0)
        _Color ("主颜色", Color) = (1,1,1,0)
        _SpecColor ("高光颜色", Color) = (1,1,1,1)
        _Emission ("光泽颜色", Color) = (0,0,0,0)
        _Shininess ("光泽度", Range (0.01, 1)) = 0.7
        _MainTex ("基础纹理 (RGB)-自发光(A)", 2D) = "white" {}
	_BlendTex ("混合纹理(RGBA) ", 2D) = "white" {}
    }

	//--------------------------------【子着色器】--------------------------------
    SubShader
	{
		//----------------通道---------------
        Pass
		{
			//【1】设置顶点光照值
            Material
			{
				//可调节的漫反射光和环境光反射颜色
                Diffuse [_Color]
                Ambient [_Color]
				//光泽度
                Shininess [_Shininess]
				//高光颜色
                Specular [_SpecColor]
				//自发光颜色
                Emission [_Emission]
            }

			//【2】开启光照
            Lighting On
			//【3】--------------开启独立镜面反射--------------
            SeparateSpecular On

            //【4】将自发光颜色混合上纹理
            SetTexture [_MainTex]
			{
				// 使颜色属性进入混合器
                constantColor [_IlluminCol]
				// 使用纹理的alpha通道插值混合顶点颜色
                combine constant lerp(texture) previous
            }

            //【5】乘上基本纹理
            SetTexture [_MainTex] { combine previous * texture  }

			//【6】使用差值操作混合Alpha纹理
            SetTexture [_BlendTex] { combine previous*texture }

			//【7】乘以顶点纹理
			SetTexture [_MainTex] {Combine previous * primary DOUBLE, previous * primary }

        }
    }
} 

此Shader编译后赋给材质的效果如下:

换些高光颜色玩一玩:

 

 

正常白色高光版:

时间: 2024-10-14 06:48:48

Unity3d之Shader编程:子着色器、通道与标签的写法 & 纹理混合的相关文章

【浅墨Unity3D Shader编程】之三 光之城堡篇:子着色器、通道与标签的写法 &amp; 纹理混合

本系列文章由@浅墨_毛星云 出品,转载请注明出处. 文章链接:http://blog.csdn.net/poem_qianmo/article/details/41175585 作者:毛星云(浅墨)    微博:http://weibo.com/u/1723155442 邮箱: [email protected] 本文介绍了Unity中子着色器.通道和标签相关的详细概念与写法,以及纹理的设置方法,基本的纹理混合写法,写了5个Shader作为本文Shader讲解的实战内容,最后创建了一个梦幻的光之

Unity3D的Shader基本结构—子着色器SubShader

一.子着色器SubShader 写法:SubShader{ Tags{ "Queue"="Transparent" } LOD 100 } 一.标签(Tags) 1.”Queue”标签.定义渲染顺序.预制的值为 (1)”Background”.值为1000.比如用于天空盒. (2)”Geometry”.值为2000.大部分物体在这个队列.不透明的物体也在这里.这个队列内部的物体的渲染顺序会有进一步的优化(应该是从近到远,early-z test可以剔除不需经过FS处

unity3d shader 预定义着色器预处理宏

编译着色器程序时,Unity 会定义几个预处理宏. 目标平台 SHADER_API_OPENGL - 桌面 OpenGL SHADER_API_D3D9 - Direct3D 9 SHADER_API_XBOX360 - Xbox 360 SHADER_API_PS3 - PlayStation 3 SHADER_API_D3D11 - 桌面 Direct3D 11 SHADER_API_GLES - OpenGL ES 2.0(桌面或移动),使用 SHADER_API_MOBILE 的存在来确

Unity3D之Material(材质、着色器、纹理)

Material(材质):物体的材质是指:"色彩"."纹理"."光滑度"."透明度"."反射率"."折射率"."发光度"等.................. Shader(着色器):专门用来渲染3D图形的技术,可以使纹理以某种方式展现.实际上就是一段镶嵌到渲染管线中的程序,可以控制GPU运算图像效果的算法 Texture(纹理):附加的物理表面的贴图. 接下来看材质

Unity3D着色器Shader编程入门(一)

自学Unity3D也有大半年了,对Shader一直不敢入坑,最近看了些资料,以及通过自己的实践,对Shader还是有一点了解了,分享下仅作入门参考. 因Shader是对图像图像渲染的,学习前可以去了解下图形图像学及GPU编程相关的知识.强烈推荐<GPU 编程与CG 语言之阳春白雪下里巴人>,这本书网上有电子版. 还有一本是关于Unity3D的Shader开发的<Unity着色器和屏幕特效开发秘笈>该书是<Unity Shaders and Effects Cookbook&g

【浅墨Unity3D Shader编程】之六 暗黑城堡篇: 表面着色器(Surface Shader)的写法(一)

本系列文章由@浅墨_毛星云 出品,转载请注明出处. 文章链接:http://hpw123.net/plus/view.php?aid=165 作者:毛星云(浅墨)    微博:http://weibo.com/u/1723155442 邮箱: [email protected] QQ交流群:330595914 更多文章尽在:http://www.hpw123.net 本文主要讲解了Unity中SurfaceShader的具体写法,以及几个常用的CG函数的用法. 在这里先说明一下,表面着色器将分为

【浅墨Unity3D Shader编程】之七 静谧之秋篇: 表面着色器的写法(二)——自定义光照模式

本系列文章由@浅墨_毛星云 出品,转载请注明出处. 文章链接:http://hpw123.net/plus/view.php?aid=183 作者:毛星云(浅墨)    微博:http://weibo.com/u/1723155442 邮箱: [email protected] QQ交流群:330595914 更多文章尽在:http://www.hpw123.net 本文主要讲解了Unity中SurfaceShader的自定义光照模式的写法. 上篇文章中我们已经说到,表面着色器将分为两次讲解,上

【浅墨Unity3D Shader编程】之二 雪山飞狐篇:Unity的基本Shader框架写法&amp;颜色、光照与材质

本系列文章由@浅墨_毛星云 出品,转载请注明出处. 文章链接:http://blog.csdn.net/poem_qianmo/article/details/40955607 作者:毛星云(浅墨)    微博:http://weibo.com/u/1723155442 邮箱: [email protected] 本篇文章中,我们学习了Unity Shader的基本写法框架,以及学习了Shader中Properties(属性)的详细写法,光照.材质与颜色的具体写法.写了6个Shader作为本文S

【浅墨Unity3D Shader编程】之九 深入理解Unity5中的Standard Shader (一)&amp;屏幕水幕特效的实现

本系列文章由@浅墨_毛星云 出品,转载请注明出处.   文章链接:http://blog.csdn.net/poem_qianmo/article/details/49556461 作者:毛星云(浅墨)    微博:http://weibo.com/u/1723155442 本文工程使用的Unity3D版本: 5.2.1 概要:本文主要介绍了Unity5中的标准着色器,并且也涉及到了基于物理的着色.延迟渲染等高级着色技术,而在文章后半部分,也对屏幕水幕特效的实现方法进行了讲解与分析. 依然是附上