【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

本系列文章由@浅墨_毛星云 出品,转载请注明出处。

文章链接:http://blog.csdn.net/poem_qianmo/article/details/42060963

作者:毛星云(浅墨)    微博:http://weibo.com/u/1723155442

邮箱: happylifemxy@163.com

    文章开头,先给自己诚求个游戏研发实习的好去处。

    浅墨今年1月、明年上半年有近半年的空暇时间可供实习。

    近5年游戏编程经验,能够胜任全职的游戏开发工作。仅仅拿实习生的工资(性价比非常高有没有)。

    期望的岗位是:Unity3Dclient开发、游戏引擎研发、端游研发等游戏研发岗。

    有兴趣的靠谱HR能够联系浅墨聊聊(非诚勿扰):happylifemxy@163.com

    或者是有在网易游戏、腾讯互娱、完美世界、盛大工作的热心的朋友们有机会请联系浅墨并帮忙内推下~内推成功浅墨一定好好感谢~先在这里谢谢大家了~

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------

本文算是固定功能Shader的最后一篇。下一次更新应该就会開始解说表面Shader,而解说完表面Shader,兴许文章终于会解说到顶点着色器和片段着色器(也就是可编程Shader)。

文章第一部分复习和进一步了解了Unity中Shader的三种形态,然后解说了固定功能Shader中混合操作的方方面面,然后以6个Shader的书写作为实战内容,最后创建了一个温馨美好的圣诞夜场景进行了Shader的測试。

依然是国际惯例,先上本文配套程序的截图吧。

圣诞节就快到了,而下次更新就已经过了圣诞节,于是这次更新浅墨就提前把这个场景放出来吧。预祝大家圣诞节快乐~

雪花飘落:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

可爱的圣诞雪人:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

精心装扮的圣诞树:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

月是故乡明:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

雾气弥漫:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

OK。图先就上这么多。文章末尾有很多其它的执行截图,并提供了源project的下载。可执行的exe下载在这里:

【可执行的exe游戏场景请点击这里下载试玩】

好的,我们正式開始。

一、再谈Unity中Shader的三种形态

由于Unity中基础的固定功能Shader的知识点基本上讲完。下期開始就要准备讲表面着色器(Surface Shader)了,所以在文章开头,让我们复习和更深入了解一下Unity中Shader的三种形态。

在Unity中,Shader便能够分成例如以下三种基本类型:

1.固定功能着色器(FixedFunction Shader)

 

2.表面着色器(SurfaceShader)

 

3.顶点着色器&片段着色器(Vertex Shader & Fragment Shader)

顾名思义,当中的固定功能着色器便是我们所说的固定功能渲染管线(fixed-functionrenderingpipelines)的详细表现。而表面着色器、顶点着色器以及片段着色器便属于可编程渲染管线。以下分别对其进行简单的介绍。

1.1  Unity中的Shader形态之中的一个:固定功能Shader

这里的固定功能着色器能够说是Unity为Shader的书写自带的一层壳,Unity已经在内部为我们做了大量的工作,我们仅仅要略微记住一些keyword、一些规范就能够实现出非常多不错的效果。固定功能着色器是我们初学Unity Shader的近期几篇文章中的主要学习对象。

而后面的表面着色器、顶点着色器以及片段着色器就是在固定功能着色器的基础上嵌套了CG语言的代码而成的更加复杂的着色器。我们来看看他们的一些基本概念。

固定管线是为了兼容老式显卡。

都为顶点光照。就是我们前四篇文章加上这篇文章中讲到的内容。

其特征是里面的核心是以下Material材质属性块、没有CGPROGRAM和ENDCG块,以及各种顶点着色和片段着色的宏命令。

一个光照材质完备版的固定功能Shader示比例如以下:

Shader "浅墨Shader编程/Volume5/固定功能的Shader演示样例"
{
//-------------------------------【属性】-----------------------------------------
Properties
{
_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 ("基本纹理", 2D) = "white" {}
} //--------------------------------【子着色器】--------------------------------
SubShader
{
//----------------通道---------------
Pass
{
//-----------材质------------
Material
{
//可调节的漫反射光和环境光反射颜色
Diffuse [_Color]
Ambient [_Color]
//光泽度
Shininess [_Shininess]
//高光颜色
Specular [_SpecColor]
//自发光颜色
Emission [_Emission]
}
//开启光照
Lighting On
//开启独立镜面反射
SeparateSpecular On
//设置纹理并进行纹理混合
SetTexture [_MainTex]
{
Combine texture * primary DOUBLE, texture * primary
}
}
}
}

我们将此Shader编译后赋给材质。得到例如以下效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

实际场景中的測试效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

1.2 Unity中的Shader形态之二:表面着色器SurfaceShader

这部分算是Unity微创新自创的一套着色器标准。

表面着色器(Surface Shader)这个概念很多其它的仅仅是在Unity中听说,能够说是Unity自己发扬光大的一项使Shader的书写门槛降低和更易用的技术。我们会在接下来的学习中逐渐意识到Unity是怎样为我们把Shader的复杂性包装起来,使其书写的过程更便捷和易用

的。一些特性例如以下:

•      SurfaceShader能够觉得是一个光照Shader的语法块、一个光照VS/FS的生成器。

降低了开发人员写反复代码的须要。

•      特征是在SubShader里出现CGPROGRAM和ENDCG块。(而不是出如今Pass里。

由于SurfaceShader自己会编译成多个Pass。)

•      编译指令是:

#pragma surface surfaceFunction lightModel[optionalparams]

o     surfaceFunction:surfaceShader函数,形如void surf (Input IN, inoutSurfaceOutput o)

o     lightModel:使用的光照模式。包含Lambert(漫反射)和BlinnPhong(镜面反射)。

     也能够自定义光照函数。

比方编译指令为#pragma surface surf MyCalc

     在Shader里定义half4 LightingMyCalc (SurfaceOutputs, 參数略)函数进行处理(函数名在签名加上了“Lighting”)。

•      我们自定义输入数据结构(比方上面的Input)、编写自己的Surface函数处理输入、终于输出改动过后的SurfaceOutput。

而SurfaceOutput的定义为:

struct SurfaceOutput
{
half3 Albedo; // 纹理颜色值(r, g, b)
half3 Normal; // 法向量(x, y, z)
half3 Emission; // 自发光颜色值(r, g, b)
half Specular; // 镜面反射度
half Gloss; // 光泽度
half Alpha; // Alpha不透明度
};

上面是一些特性总结。让我们看一个详细Shader演示样例:

Shader "浅墨Shader编程/Volume5/表面Shader演示样例 "
{
//-------------------------------【属性】-----------------------------------------
Properties
{
_MainTex ("【纹理】Texture", 2D) = "white" {}
_BumpMap ("【凹凸纹理】Bumpmap", 2D) = "bump" {}
_RimColor ("【边缘颜色】Rim Color", Color) = (0.17,0.36,0.81,0.0)
_RimPower ("【边缘颜色强度】Rim Power", Range(0.6,9.0)) = 1.0
} //----------------------------【開始一个子着色器】---------------------------
SubShader
{
//渲染类型为Opaque。不透明
Tags { "RenderType" = "Opaque" } //-------------------開始CG着色器编程语言段-----------------
CGPROGRAM //使用兰伯特光照模式
#pragma surface surf Lambert //输入结构
struct Input
{
float2 uv_MainTex;//纹理贴图
float2 uv_BumpMap;//法线贴图
float3 viewDir;//观察方向
}; //变量声明
sampler2D _MainTex;//主纹理
sampler2D _BumpMap;//凹凸纹理
float4 _RimColor;//边缘颜色
float _RimPower;//边缘颜色强度 //表面着色函数的编写
void surf (Input IN, inout SurfaceOutput o)
{
//表面反射颜色为纹理颜色
o.Albedo = tex2D (_MainTex, IN.uv_MainTex).rgb;
//表面法线为凹凸纹理的颜色
o.Normal = UnpackNormal (tex2D (_BumpMap, IN.uv_BumpMap));
//边缘颜色
half rim = 1.0 - saturate(dot (normalize(IN.viewDir), o.Normal));
//边缘颜色强度
o.Emission = _RimColor.rgb * pow (rim, _RimPower);
} //-------------------结束CG着色器编程语言段------------------
ENDCG
} //“备胎”为普通漫反射
Fallback "Diffuse"
}

我们将此Shader编译后赋给材质,得到例如以下效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

调各种颜色玩一玩:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译 【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="400" height="400" alt="" />

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译 【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="400" height="400" alt="" />

而实际场景中的測试效果(相应于一開始的金色):

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

1.3 Unity中的Shader形态之三:可编程Shader

可编程Shader事实上就是顶点着色器和片段着色器。这一部分和DirectX系的HLSL和CG着色器语言联系紧密。事实上就是Unity给HLSL和CG报了一个ShaderLab的壳。

研究过Direct3D和OpenGL着色器编程的童鞋们一定对顶点着色器和片段着色器不陌生。我们来简介一下他们的用途。

顶点着色器:产生纹理坐标。颜色,点大小。雾坐标,然后把它们传递给裁剪阶段。

片段着色器:进行纹理查找。决定什么时候执行纹理查找,是否进行纹理查找,及把什么作为纹理坐标。

可编程Shader的特点为:

    • 功能最强大、最*的形态。
    • 特征是在Pass里出现CGPROGRAM和ENDCG块
    • 编译指令#pragma。详见官网Cg snippets

      当中重要的包含:

编译指令

演示样例/含义

#pragma vertex name
#pragma fragment name

替换name,来指定Vertex Shader函数、Fragment Shader函数。

#pragma target name

替换name(为2.0、3.0等)。设置编译目标shader model的版本号。

#pragma only_renderers name name ...
#pragma exclude_renderers name name...

#pragma only_renderers gles gles3,
#pragma exclude_renderers d3d9 d3d11 opengl,
仅仅为指定渲染平台(render platform)编译

    • 关于引用库。

      通过形如#include "UnityCG.cginc"引入指定的库。经常使用的就是UnityCG.cginc了。

      其它库详见官网Built-in shader include files

    • ShaderLab内置值。Unity给Shader程序提供了便捷的、经常使用的值,比方以下样例中的UNITY_MATRIX_MVP就代表了这个时刻的MVP矩阵。

      详见官网ShaderLab built-in values

    • Shader输入输出參数语义(Semantics)。在管线流程中每一个阶段之间(比方Vertex Shader阶段和FragmentShader阶段之间)的输入输出參数,通过语义字符串,来指定參数的含义。经常使用的语义包含:COLOR、SV_Position、TEXCOORD[n]。

      完整的參数语义可见HLSL Semantic(由于是HLSL的连接,所以可能不全然在Unity里能够使用)。

    • 特别地。由于Vertex Shader的的输入往往是管线的最開始。Unity为此内置了经常使用的数据结构:

数据结构

含义

appdata_base

顶点着色器输入位置、法线以及一个纹理坐标。

appdata_tan

顶点着色器输入位置、法线、切线以及一个纹理坐标。

appdata_full

顶点着色器输入位置、法线、切线、顶点颜色以及两个纹理坐标。

appdata_img

顶点着色器输入位置以及一个纹理坐标。

让我们用一个可编程着色器Shader演示样例结束此部分的解说:

Shader "浅墨Shader编程/Volume5/可编程Shader演示样例"
{
//-------------------------------【属性】--------------------------------------
Properties
{
_Color ("Color", Color) = (1.0,1.0,1.0,1.0)
_SpecColor ("Specular Color", Color) = (1.0,1.0,1.0,1.0)
_Shininess ("Shininess", Float) = 10
} //--------------------------------【子着色器】--------------------------------
SubShader
{
//-----------子着色器标签----------
Tags { "LightMode" = "ForwardBase" } //----------------通道---------------
Pass
{
//-------------------開始CG着色器编程语言段-----------------
CGPROGRAM
#pragma vertex vert
#pragma fragment frag //---------------声明变量--------------
uniform float4 _Color;
uniform float4 _SpecColor;
uniform float _Shininess; //--------------定义变量--------------
uniform float4 _LightColor0; //--------------顶点输入结构体-------------
struct vertexInput
{
float4 vertex : POSITION;
float3 normal : NORMAL;
}; //--------------顶点输出结构体-------------
struct vertexOutput
{
float4 pos : SV_POSITION;
float4 col : COLOR;
}; //--------------顶点函数--------------
vertexOutput vert(vertexInput v)
{
vertexOutput o; //一些方向
float3 normalDirection = normalize( mul( float4(v.normal, 0.0), _World2Object ).xyz );
float3 viewDirection = normalize( float3( float4( _WorldSpaceCameraPos.xyz, 1.0) - mul(_Object2World, v.vertex).xyz ) );
float3 lightDirection;
float atten = 1.0; //光照
lightDirection = normalize(_WorldSpaceLightPos0.xyz);
float3 diffuseReflection = atten * _LightColor0.xyz * max( 0.0, dot( normalDirection, lightDirection ) );
float3 specularReflection = atten * _LightColor0.xyz * _SpecColor.rgb * max( 0.0, dot( normalDirection, lightDirection ) ) * pow( max( 0.0, dot( reflect( -lightDirection, normalDirection ), viewDirection ) ), _Shininess );
float3 lightFinal = diffuseReflection + specularReflection + UNITY_LIGHTMODEL_AMBIENT; //计算结果
o.col = float4(lightFinal * _Color.rgb, 1.0);//颜色
o.pos = mul(UNITY_MATRIX_MVP, v.vertex);//位置
return o;
} //--------------片段函数---------------
float4 frag(vertexOutput i) : COLOR
{
return i.col;
} //-------------------结束CG着色器编程语言段------------------
ENDCG
}
}
//备胎
Fallback "Diffuse" }

我们将此Shader编译后赋给材质,得到例如以下效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

能够发现就算这么简单的可编程Shader其细节效果也是非常出色,比固定功能Shader和表面Shader都看起来高端。我们依然是调各种颜色玩一玩:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="400" height="400" alt="" /> 【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="400" height="400" alt="" />

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="400" height="400" alt="" /> 【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

实际场景中的測试效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

OK,以下我们来看本次文章的主角——blending操作。

二、混合操作(Blending)

我们直奔主题吧。混合操作最常见的用途便是用来制作透明物体、或者是进行纹理的混合。它是Shader渲染的最后一步:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

如上图所看到的,正被渲染的像素经过顶点光照、顶点着色器、剔除和深度測试,雾效、Alpha測试等一系列操作之后,最后一步便是混合操作。这个时候计算结果即将被输出到帧缓冲中。而混合操作。就是管理怎样将这些像素输出到帧缓存中的这样一个过程——是直接替换原来的,是一加一的混合,还是有Alpha參与的不等比地混合等等。

混合操作有两个对象:源和目标。因此也有两个相应的因子。即源因子和目标因子(相应于以下解说的Blend SrcFactor DstFactor操作)。

而假设我们把RGB颜色通道和Alpha通道分开来操作的话。混合就有了4个操作对象(相应于以下解说的Blend SrcFactor DstFactor,SrcFactorA DstFactorA操作)。

2.1 混合操作相关的句法

Blend Off

Turn off blending 关闭混合

Blend SrcFactorDstFactor

主要的配置并启动混操作。对产生的颜色乘以SrcFactor.对 已存在于屏幕的颜色乘以DstFactor。而且两者将被叠加在一起。

Blend SrcFactorDstFactor, SrcFactorA DstFactorA

同上,可是使用不同的要素来混合alpha通道。也就是有了4个操作对象

BlendOp Add /Min | Max | Sub | RevSub

此操作不是Blend操作一样加入混合颜色在一起,而是对它们做不同的操作。

而例如以下便是经常使用混合操作符(blend operations)的含义列举:

Add

将源像素和目标像素相加.

Sub

用源像素减去目标像素

RevSub

用目标像素减去源像素

Min

取目标像素和源像素颜色的较小者作为结果

Max

取目标像素和源像素颜色的较大者作为结果

2.2 混合因子(Blend factors)列举

以下所有的属性都可作为SrcFactor或DstFactor。

当中,Source指的是被计算过的颜色。Destination是已经在屏幕上的颜色。

One 值为1。使用此因子来让帧缓冲区源颜色或是目标颜色全然的通过。
Zero 值为0,使用此因子来删除帧缓冲区源颜色或目标颜色的值。
SrcColor 使用此因子为将当前值乘以帧缓冲区源颜色的值
SrcAlpha 使用此因子为将当前值乘以帧缓冲区源颜色Alpha的值。
DstColor 使用此因子为将当前值乘以帧缓冲区源颜色的值。
DstAlpha 使用此因子为将当前值乘以帧缓冲区源颜色Alpha分量的值。
OneMinusSrcColor 使用此因子为将当前值乘以(1 -帧缓冲区源颜色值)
OneMinusSrcAlpha 使用此因子为将当前值乘以(1 -帧缓冲区源颜色Alpha分量的值)
OneMinusDstColor 使用此因子为将当前值乘以(1 –目标颜色值)
OneMinusDstAlpha 使用此因子为将当前值乘以(1 –目标Alpha分量的值)

2.3 常见的混合操作句法演示样例

上面都是一些句法和列表的列举,往往会令人一头雾水,以下这是一些演示样例,用当中的不论什么一句加在Pass中就能够实现相应的混合操作了:

Blend SrcAlpha OneMinusSrcAlpha    // Alpha混合
Blend One One // 相加
Blend One OneMinusDstColor // 比較柔和的相加(SoftAdditive)
Blend DstColor Zero // 乘法
Blend DstColor SrcColor // 2倍乘法

三、QianMo's Toolkit升级到v1.3

这次QianMo's Toolkit又迎来了新的特性——飞翔。

将脚本赋给Controller,并调整相应的速度。(并能够先禁掉之前的鼠标视角控制相关脚本)然后点执行,并能够在天空中*地飞翔了。

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

当中用W、A、S、D控制前后左右。R、F控制上升下降。

其代码例如以下:

//-----------------------------------------------【脚本说明】-------------------------------------------------------
// 脚本功能: 控制Contorller在场景中飞翔
// 使用语言: C#
// 开发所用IDE版本号:Unity4.5 06f 、Visual Studio 2010
// 2014年12月 Created by 浅墨
// 很多其它内容或交流,请訪问浅墨的博客:http://blog.csdn.net/poem_qianmo
//--------------------------------------------------------------------------------------------------------------------- //-----------------------------------------------【用法】-------------------------------------------------------
// 第一步:在Unity中拖拽此脚本到场景的Controller之上,或在Inspector中[Add Component]->[浅墨's Toolkit]->[SetMaxFPS]
// 第二步:在面板中设置相关鼠标速度
//--------------------------------------------------------------------------------------------------------------------- using UnityEngine;
using System.Collections; //加入组件菜单
[AddComponentMenu("浅墨's Toolkit/FlyController")]
public class FlyController : MonoBehaviour
{
//參数定义
public float lookSpeed = 5.0f;
public float moveSpeed = 1.0f; public float rotationX = 0.0f;
public float rotationY = 0.0f; void Update()
{
//获取鼠标偏移量
rotationX += Input.GetAxis("Mouse X") * lookSpeed;
rotationY += Input.GetAxis("Mouse Y") * lookSpeed;
rotationY = Mathf.Clamp(rotationY, -90, 90); //鼠标控制视角
transform.localRotation = Quaternion.AngleAxis(rotationX, Vector3.up);
transform.localRotation *= Quaternion.AngleAxis(rotationY, Vector3.left);
transform.position += transform.forward * moveSpeed * Input.GetAxis("Vertical");
transform.position += transform.right * moveSpeed * Input.GetAxis("Horizontal"); //I键,向上平移
if (Input.GetKey(KeyCode.R))
transform.position += transform.up * moveSpeed;
//K键,向下平移
if (Input.GetKey(KeyCode.F))
transform.position -= transform.up * moveSpeed;
}
}

就这样,我们的QianMo’s Toolkit中的工具越来越多:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

四、Shader书写实战

1. 纹理加载Shader

由于后面几个shader的须要,先依据我们之前所学。几行代码就能够实现一个纹理加载Shader:

Shader "浅墨Shader编程/Volume5/18.基本纹理加载"
{
//-------------------------------【属性】--------------------------------------
Properties
{
_MainTex ("基本纹理", 2D) = "black" { }
} //--------------------------------【子着色器】--------------------------------
SubShader
{
//-----------子着色器标签----------
Tags { "Queue" = "Geometry" } //子着色器的标签设为几何体 //----------------通道---------------
Pass
{
//设置纹理
SetTexture [_MainTex] { combine texture }
}
}
}

我们将此Shader编译后赋给材质。得到例如以下效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

实际场景中的执行效果例如以下:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

2.基本blend使用

在上面简单的texture加载的Shader的基础上加上一行关于blend的代码,就成了我们今天的第二个Shader:

Shader "浅墨Shader编程/Volume5/19.基本blend使用"
{
//-------------------------------【属性】-----------------------------------------
Properties
{
_MainTex ("将要混合的基本纹理", 2D) = "black" { }
} //--------------------------------【子着色器】----------------------------------
SubShader
{
//-----------子着色器标签----------
Tags { "Queue" = "Geometry" } //子着色器的标签设为几何体 //----------------通道---------------
Pass
{
//进行混合
Blend DstColor Zero // 乘法
//设置纹理
SetTexture [_MainTex] { combine texture }
}
}
}

我们将此Shader编译后赋给材质,得到例如以下效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

我们採用的是乘法混合操作(  Blend DstColor Zero),能够发现颜色相对于第一个Shader有了略微的变暗。

尽管肉眼非常难看出差别,但实际上的确是有变化的:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

3.基本blend使用+颜色可调

再给我们的Shader加上一点可自定义的颜色,并让纹理的alpha通道插值混合顶点颜色  。

代码例如以下:

Shader "浅墨Shader编程/Volume5/20.基本blend使用+颜色可调"
{
//-------------------------------【属性】-----------------------------------------
Properties
{
_MainTex ("将混合的纹理", 2D) = "black" {}
_Color ("主颜色", Color) = (1,1,1,0)
} //--------------------------------【子着色器】--------------------------------
SubShader
{
//-----------子着色器标签----------
Tags { "Queue" = "Transparent" } //子着色器的标签设为透明 //----------------通道---------------
Pass
{
Blend One OneMinusDstColor // 柔性相加
SetTexture [_MainTex]
{
// 使颜色属性进入混合器
constantColor [_Color]
// 使用纹理的alpha通道插值混合顶点颜色
combine constant lerp(texture) previous
}
}
}
}

我们将此Shader编译后赋给材质。得到例如以下效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

调成各种颜色:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译 【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译 【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="400" height="400" alt="" />

实际场景中的測试效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

4.基本blend使用+顶点光照

在之前Shader的基础上。给我们的Shader再加上材质属性和顶点光照:

Shader "浅墨Shader编程/Volume5/21.基本blend使用+顶点光照"
{
//-------------------------------【属性】-----------------------------------------
Properties
{
_MainTex ("Texture to blend", 2D) = "black" {}
_Color ("主颜色", Color) = (1,1,1,0)
} //--------------------------------【子着色器】--------------------------------
SubShader
{
//-----------子着色器标签----------
Tags { "Queue" = "Transparent" } //----------------通道---------------
Pass
{
//【1】设置材质
Material
{
Diffuse [_Color]
Ambient [_Color]
} //【2】开启光照
Lighting On
Blend One OneMinusDstColor // Soft Additive
SetTexture [_MainTex]
{
// 使颜色属性进入混合器
constantColor [_Color]
// 使用纹理的alpha通道插值混合顶点颜色
combine constant lerp(texture) previous
}
}
}
}

于是结果例如以下:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

调各种颜色看看:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译 【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="400" height="400" alt="" /> 【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

在场景中的測试效果图为:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

5.实现玻璃效果第二版

之前我们用剔除实现过一版玻璃效果,这次我们来用blend实现全然不一样的玻璃效果。须要加载一个cubemap(事实上依据cubemap的选择不同,会实现不同的效果,比方本次的终于效果就有点像金属材质)。

Shader的代码例如以下:

Shader "浅墨Shader编程/Volume5/22.玻璃效果v2"
{
//-------------------------------【属性】--------------------------------------
Properties
{
_Color ("Main Color", Color) = (1,1,1,1)
_MainTex ("Base (RGB) Transparency (A)", 2D) = "white" {}
_Reflections ("Base (RGB) Gloss (A)", Cube) = "skybox" { TexGen CubeReflect }
} //--------------------------------【子着色器】--------------------------------
SubShader
{
//-----------子着色器标签----------
Tags { "Queue" = "Transparent" } //----------------通道---------------
Pass
{
//进行纹理混合
Blend One One //设置材质
Material
{
Diffuse [_Color]
} //开光照
Lighting On //和纹理相乘
SetTexture [_Reflections]
{
combine texture
Matrix [_Reflection]
}
}
}
}

我们将此Shader编译后赋给材质,得到例如以下效果。能够发现终于效果是一个带室内场景反射的金属材质:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

实际场景中的測试效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

6. 实现玻璃效果第三版

我们给上面的第二版加上第二个pass,终于代码例如以下:

Shader "浅墨Shader编程/Volume5/23.玻璃效果v3"
{
//-------------------------------【属性】-----------------------------------------
Properties
{
_Color ("Main Color", Color) = (1,1,1,1)
_MainTex ("Base (RGB) Transparency (A)", 2D) = "white" {}
_Reflections ("Base (RGB) Gloss (A)", Cube) = "skybox" { TexGen CubeReflect }
} //--------------------------------【子着色器】----------------------------------
SubShader
{
//-----------子着色器标签----------
Tags { "Queue" = "Transparent" } //----------------通道1--------------
Pass
{
Blend SrcAlpha OneMinusSrcAlpha Material
{
Diffuse [_Color]
} Lighting On
SetTexture [_MainTex] {
combine texture * primary double, texture * primary
}
} //----------------通道2--------------
Pass
{
//进行纹理混合
Blend One One //设置材质
Material
{
Diffuse [_Color]
} //开光照
Lighting On //和纹理相乘
SetTexture [_Reflections]
{
combine texture
Matrix [_Reflection]
}
}
}
}

加载相同的纹理和cubemap。得到的效果更加醇厚优异:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

实际场景中的測试效果:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

OK,这次的Shader实战就是上面的这些了。

五、圣诞夜场景创建

就像文章开头中说的,圣诞节就快到了。而下次更新就已经过了圣诞节,于是这次更新浅墨就提前把这个精心准备的圣诞夜场景放出来吧,预祝大家圣诞节快乐~

以大师级美工鬼斧神工的场景作品为基础,浅墨调整了场景布局,加入了音乐,并加入了很多其它高级特效,于是便得到了如此这次温馨美好的场景。

而冬天穿衣不便。加上路滑。浅墨有益把controller调出了走路打滑的感觉。

执行游戏,圣诞音乐渐渐响起,雪白的雪花静静飘落,我们来到漂亮的圣诞夜:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

雪花飞扬:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

月上树梢:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

浅墨精心装扮的圣诞树:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

月光给屋顶披上一层清辉:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

火炉、圣诞礼物:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

月是故乡明:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

可爱的圣诞雪人:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

浅墨是不会告诉你们是怎么进到门紧关的房子里面来的。自己摸索吧~【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

大雪纷飞的路:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcG9lbV9xaWFubW8=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

最后放一张这次Shader的全家福:

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

OK,美图就放这么多。游戏场景可执行的exe能够在文章开头中提供的链接下载。而以下是源project的下载链接。

本篇文章的演示样例程序源project请点击此处下载:

     【浅墨Unity3D Shader编程】之五 圣诞夜篇配套Unityproject下载

好的。本篇文章到这里就所有结束了。

浅墨在这里提前祝大家圣诞节快乐~

下周一。新的游戏编程之旅。我们不见不散~

【淡墨Unity3D Shader计划】五 圣诞用品: Unity在Shader三种形式的控制&混合操作编译

版权声明:本文博客原创文章。博客,未经同意,不得转载。

上一篇:Python入门小建议


下一篇:Spark自定义分区(Partitioner)