引言
计算机图形学Computer Graphics,简称CG是一种使用数学算法将二维或三维图形转化为计算机显示器的栅格形式的科学。简单地说,计算机图形学的主要研究内容就是研究如何在计算机中表示图形、以及利用计算机进行图形的计算、处理和显示的相关原理与算法。

正文
1、图形管道
第一个例子中我有提到顶点着色和片段着色在整个图形绘制过程中属于一个环节,整个过程叫做管道,这个管道的所有环节包括:





Unity ui画图形_Unity ui画图形


图形管道流程图


在整个管道中,只有顶点着色与片段着色是可编程的,顶点数据和帧缓存是具体的数据,剩下的环节是固定功能的环节,即不能用cg去编程的环节。

2、数据流


Unity ui画图形_顶点着色器_02


数据流流程图

3、语义、特殊参数(uniform)

前文已经大量接触到语义,语义的存在意义可以理解为给普通的向量或者标量赋予物理意义,比如一个向量(1,1)如果没有语义,我可以把它当做一个速度为1米/S秒的小球,也可以认为他是直线y=-x的一条法向量。而如果我们给这个向量(1,1)后面加上语义,例如(1,1) :SPEED,或者(1,1):NORMAL,那我们的程序就知道了这个向量的物理特性,至少不会混淆他们引起混乱。

uniforms是unity提供给我们的特定参数,他们也有向量、标量和矩阵,他独立于片段、顶点、图元之外而存在,如果将他们组成的网格mesh理解为一个庞大的宇宙,这些uniforms就好似大宇宙中的物理法则,对于任何的顶点、片段、图元都适用,且数值相同。

4、顶点变换
在了解顶点变换之前,我们要明白顶点着色器以及其后续的几个环节的最终目的是要将几何图元(例如三角形)的顶点从模型坐标系变换至显示屏坐标系。
这一点对于初接触Unity的人应该有很深的影像。你在场景中创建一个立体图形,然后创建一个主摄像头,那么最终游戏所看到的画面到底通过这个立体图形以及相机的种种参数经历了怎样的计算与交织呢?
整个顶点变换过程分为5个步骤:


Unity ui画图形_Unity ui画图形_03


顶点变换流程图

需要注意的是,前3个变换是在顶点着色器中完成的,而透视变换域视窗变换是在后续的环节中完成的。也就是说只有前3个变换过程是可编程的。

前3个变换所用到的3个矩阵均可以通过uniform参数获取,并且unity还提供了一个MVP参数,即整合了这3个矩阵,直接完成从模型坐标系至裁剪坐标系的变换。

5、变换矩阵
写到这里,这里的知识已经跨越了语言的界限,无论是ios、andorid、pc、web(css)中的语言都有transform3D的概念。也就是通过一个4X4矩阵来定义一个物体的变换状况。
1.单位矩阵


Unity ui画图形_顶点着色器_04


单位矩阵

单位矩阵是这个4x4矩阵的初始状态,默认情况下没有进行平移、旋转、缩放(还有仿射变换)的时候,transform3D矩阵都是单位矩阵。

我们用m11~m44来表示任何状态下的变换矩阵,其中单位矩阵是最特殊的一种矩阵:


Unity ui画图形_Unity ui画图形_05


单位矩阵

其中m14 m24 m34表示该立体图形的平移状态,m11,m22,m33表示缩放状态,而旋转比较特殊,我们先来看平移

单位矩阵的特性:任何矩阵乘以单位矩阵,还是得到原矩阵

从物理特性上理解:单位矩阵的m11~m33均为1,由于他们表示缩放状态,意思是对于任何矩阵在x,y,z方向上进行原尺寸100%的缩放,变换后的图形无任何变化。

2.平移

在3维直角坐标系中,平移向量T有3个分量,即Tx,Ty,Tz,即T=(Tx,Ty,Tz);

将任何变换矩阵进行向量T的平移过程,由于向量T可以认为是一个1x3矩阵,而变换矩阵是4x4矩阵,所以需要将平移向量构建成一个4x4矩阵,再来跟要变换的矩阵进行相乘:

与向量T(Tx,Ty,Tz)等价的4x4矩阵Mt:


Unity ui画图形_流程图_06


平移

任何平移过程都是变换矩阵乘以Mt矩阵的过程。

3.缩放
同理,缩放Scaling也可以表示为一个向量S=(Sx,Sy,Sz);
同样的,与这个1x3矩阵等价的4x4矩阵应该为:



Unity ui画图形_流程图_07


缩放


任何缩放过程都是变换矩阵乘以Ms矩阵的过程 特殊的就好比 任何矩阵乘以Sx~Sz都为1的矩阵Ms,图形不发生变换

4.旋转
旋转比较复杂,任意旋转向量R=(Rx,Ry,Rz)分别表示绕x,y,z轴旋转的弧度数,将这个1X3矩阵等价的变换为4x4矩阵,
Mr= 太复杂了 我就不写了

5.复合矩阵
前面提到的 位于顶点着色器管辖范围内的3个4X4变换矩阵MobjectToWorld(modelToWorld),简写Mm,MworldToView,简写Mv,Mprojection,简写Mp。
顶点着色器将输入参数中的顶点坐标按照这3个矩阵进行连续变换即得到剪裁坐标系中的矩阵。
其过程为:
M原始矩阵MmMvMp=M剪裁坐标系中的矩阵
上面的式子中我们可以将Mm
Mv*Mp先组合起来成为一个组合矩阵Mcombine:


Unity ui画图形_顶点着色器_08


Mcombine


那么任意对象/模型坐标系中的原始矩阵M 与Mcombine相乘可以得到剪裁坐标系中的矩阵,因此Unity提供的MVP参数正是这样一个复合矩阵

与此类似的不需要导入UnityCG.cginc就可以直接使用的参数还有:

uniform float4x4 UNITY_MATRIX_MVP; // model view projection 矩阵
uniform float4x4 UNITY_MATRIX_MV; // model view 矩阵
uniform float4x4 UNITY_MATRIX_P; // projection 矩阵
uniform float4x4 UNITY_MATRIX_T_MV;
// model view 矩阵的转置(transpose)矩阵
uniform float4x4 UNITY_MATRIX_IT_MV;
// model view 矩阵的逆矩阵的转置矩阵
uniform float4x4 UNITY_MATRIX_TEXTURE0; // 纹理矩阵
uniform float4x4 UNITY_MATRIX_TEXTURE1; // 纹理矩阵
uniform float4x4 UNITY_MATRIX_TEXTURE2; // 纹理矩阵
uniform float4x4 UNITY_MATRIX_TEXTURE3; // 纹理矩阵
uniform float4 UNITY_LIGHTMODEL_AMBIENT; // 环境颜色