一:顶点着色器

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:顶点着色器任务

1:矩阵变换位置
2:计算光照公式生成逐顶点颜色
3:生成/变换纹理坐标
总结：它可以用于执行自定义计算，实施新的变换，照明或者传统的固定功能所不允许的基于顶点的效果。

3:顶点着色器内建特殊变量

gl_VertexID
gl_InstanceID
gl_Position
gl_PointSize
gl_FrontFacing

4:内建Uniform--统一变量

参考：https://blog.csdn.net/linuxheik/article/details/79582106
shader中与外部连接的常量，初始化之后不能够修改其值。否则会引起编译错误。
在shader中定义

uniform mat4 projectionMatrix;
uniform mat4 modelViewMatrix;

在外部调用

  //11.找到myProgram中的projectionMatrix、modelViewMatrix 2个矩阵的地址。如果找到则返回地址，否则返回-1，表示没有找到2个对象。
    GLuint projectionMatrixSlot = glGetUniformLocation(self.myProgram, "projectionMatrix");
    GLuint modelViewMatrixSlot = glGetUniformLocation(self.myProgram, "modelViewMatrix");

5:顶点着色器内建常量

const mediump int gl_MaxVertexAttribs = 16;             //顶点着色器中属性的最大数量
const mediump int gl_MaxVertexUniformVectors = 256;     //顶点着色器中统一变量的最大数量
 const mediump int gl_MaxVertexOutputVectors = 16;     //顶点着色器中输出向量的最大数量
const mediump int gl_MaxVertexTextureImageUnits = 16;  //顶点着色器中纹理单元的最大数量
const mediump int gl_MaxCombinedTextureImageUnits = 32;//顶点着色器和片元着色器中纹理单元最大数量的总和

6:内建特殊变量

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:片元着色器业务

1:计算颜色
2:获取纹理
3:往像素点中填充颜色值【纹理值/颜色值】
总结：它可以用于图片。视频。图形中每个像素的颜色填充【比如给视频添加滤镜，实际上就是将视频中每个图片的像素点颜色填充进行修改】

3:内建常量

const mediump int gl_MaxFragmentInputVectors = 15; //片元着色器出入的最大数量
const mediump int gl_MaxTextureImageUnits = 16;//可用纹理图像单元的最大数量
const mediump int gl_MaxFragmentUniformVectors = 224;//片元着色器可用vec4 uniform变量的最大数量
const mediump int gl_MaxDrawBuffers = 4; //多重渲染目标最大支持数量

4:内建特殊变量

5:内建函数

常用内建函数