一:頂點著色器

precision highp float;

varying lowp vec2 vTextCoor;
varying lowp vec4 varyColor;
uniform sampler2D colorMap;

void main()
{
   vec4 weakMask = texture2D(colorMap, vTextCoor);
    vec4 mask = varyColor;
    float alpha = 0.3;
    
    vec4 tempColor = mask * (1.0 - alpha) + weakMask * alpha;
    gl_FragColor = tempColor;
}

// gl_Position
// gl_PointSize

2:頂點著色器任務(wù)

1:矩陣變換位置
2:計算光照公式生成逐頂點顏色
3:生成/變換紋理坐標(biāo)
總結(jié)：它可以用于執(zhí)行自定義計算，實施新的變換，照明或者傳統(tǒng)的固定功能所不允許的基于頂點的效果。

3:頂點著色器內(nèi)建特殊變量

gl_VertexID
gl_InstanceID
gl_Position
gl_PointSize
gl_FrontFacing

4:內(nèi)建Uniform--統(tǒng)一變量

參考：https://blog.csdn.net/linuxheik/article/details/79582106
shader中與外部連接的常量，初始化之后不能夠修改其值。否則會引起編譯錯誤。
在shader中定義

uniform mat4 projectionMatrix;
uniform mat4 modelViewMatrix;

在外部調(diào)用

  //11.找到myProgram中的projectionMatrix、modelViewMatrix 2個矩陣的地址。如果找到則返回地址，否則返回-1，表示沒有找到2個對象。
    GLuint projectionMatrixSlot = glGetUniformLocation(self.myProgram, "projectionMatrix");
    GLuint modelViewMatrixSlot = glGetUniformLocation(self.myProgram, "modelViewMatrix");

5:頂點著色器內(nèi)建常量

const mediump int gl_MaxVertexAttribs = 16;             //頂點著色器中屬性的最大數(shù)量
const mediump int gl_MaxVertexUniformVectors = 256;     //頂點著色器中統(tǒng)一變量的最大數(shù)量
 const mediump int gl_MaxVertexOutputVectors = 16;     //頂點著色器中輸出向量的最大數(shù)量
const mediump int gl_MaxVertexTextureImageUnits = 16;  //頂點著色器中紋理單元的最大數(shù)量
const mediump int gl_MaxCombinedTextureImageUnits = 32;//頂點著色器和片元著色器中紋理單元最大數(shù)量的總和

6:內(nèi)建特殊變量

6:頂點著色器矩陣變換

MVP（矩陣變換）
模型--->視圖--->投影

二:片元著色器

precision highp float;

varying lowp vec2 vTextCoor;
varying lowp vec4 varyColor;
uniform sampler2D colorMap;

void main()
{

    vec4 weakMask = texture2D(colorMap, vTextCoor);
    vec4 mask = varyColor;
    float alpha = 0.3;
    
    vec4 tempColor = mask * (1.0 - alpha) + weakMask * alpha;
    gl_FragColor = tempColor;
}
//gl_FragColor

2:片元著色器業(yè)務(wù)

1:計算顏色
2:獲取紋理
3:往像素點中填充顏色值【紋理值/顏色值】
總結(jié)：它可以用于圖片。視頻。圖形中每個像素的顏色填充【比如給視頻添加濾鏡，實際上就是將視頻中每個圖片的像素點顏色填充進行修改】

3:內(nèi)建常量

const mediump int gl_MaxFragmentInputVectors = 15; //片元著色器出入的最大數(shù)量
const mediump int gl_MaxTextureImageUnits = 16;//可用紋理圖像單元的最大數(shù)量
const mediump int gl_MaxFragmentUniformVectors = 224;//片元著色器可用vec4 uniform變量的最大數(shù)量
const mediump int gl_MaxDrawBuffers = 4; //多重渲染目標(biāo)最大支持數(shù)量

4:內(nèi)建特殊變量

5:內(nèi)建函數(shù)

常用內(nèi)建函數(shù)