着色器语言

GLSL即 OpenGL Shading Language，着色器语言，是和GPU打交道的语言，GLSL的语法比较像C语言。

版本

OpenGL ES的顶点着色器和片段着色器的第一行声明GLSL的版本：

#version 300 es // 使用3.0版本

如果没有声明版本号，则会认为使用1.0版本，着色器的1.0版本用于OpenGL ES 2.0,从OpenGL ES 3.0 开始，规范匹配API和着色器语言的版本号，所以版本才从1.0跳到3.0。

数据类型

基本数据类型

GLSL有三种基本数据类型：float，int，bool，还有由这三种数据类型组成的数组和结构体。

float myFloat = 1.0;
float floatArray[4];
float a[4] = float[](1.0, 2.0, 3.0, 4.0);
float b[4] = float[4](1.0. 2.0, 3.0, 4.0);

向量

vec2, vec3, vec4 // 包含2/3/4个浮点数的矢量
ivec2, ivec3, ivec4 // 包含2／3/4个整数的矢量
bvec2, bvec3, bvec4 // 包含2/3/4个布尔值的矢量
vec2 c[2] = vec2[2](vec2(1.0), vec2(2.0));

矩阵

mat2（或mat2x2）, mat2x3, mat2x4 // 2x2/2x3/2x4 基于浮点数的矩阵
mat3（或mat3x3）, mat3x2, mat3x4 // 3x3/3x2/3x4 基于浮点数的矩阵
mat4（或mat4x4）, mat4x3, mat4x2 // 4x4/4x3/4x2 基于浮点数的矩阵

GLSL不支持指针，

GLSL在类型转换方面有非常严格的规则，变量只能赋值给相同类型的其他变量或者与相同类型的变量进行运算。

float myFloat1 = 1.0;
float myFloat2 = 1; // error: invalid type conversion

同时为了解决这种类型转换，类型提供了一些可用的构造器。可以使用构造器初始化变量，并且作为不同类型的变量之间的转换手段

myFloat = float(true); // Convert from bool -> float
bool myBool = bool(1); // Convert from int -> bool

同样，向量也可以使用构造器，向量构造器的参数传递有两种基本的用法

• 如果只为向量构造器提供一个标量参数，则该值涌来设置向量的所有值
• 如果提供了多个标量或者向量参数，则向量的值从左到右使用这些参数设置

vec4 myVec4 = vec4(1.0); // {1.0, 1.0, 1.0, .10}
vec3 myVec3 = vec3(1.0, 1.0, 1.0); // {1.0, 1.0, 1.0}
vec3 temp = vec3(myVec3); 
vec2 myVec2 = vec2(myVec3); // {myVec3.x, myVec3.y}
myVec4 = vec4(myVec2, myVec3); // {myVec2.x, myVec2.y, myVec3.x, myVec3.y}

float a[4] = float[](1.0, 2.0, 3.0, 4.0);
float b[]4 = float[4](1.0. 2.0, 3.0, 4.0); // 数组构造器中的参数数量必须等于数组的大小
vec2 c[2] = vec2[2](vec2(1.0), vec2(2.0));

向量和矩阵分量

向量的单独分量有两种访问形式：使用“.”运算符或者使用数组下标“[]”，根据组成的向量的分量数量，每个分量可以通过使用{x,y,z,w}, {r,g,b,a} 或者{s,t,p,q}组合访问，可以根据向量中不同的数学意义比如向量、颜色值、纹理坐标。但是不能，把这三种访问形式混合使用，比如用x表示第一个分量，用g表示第二个分量

vec3 myVec3 = vec3(1.0, 2.0, 3.0);
vec3 other;
other = myVec3.xxx;  // {1.0, 1.0, 1.0}
other = myVec3.xyz;  // {1.0, 2.0, 3.0}
other = myVec3.zyx;  // {3.0, 2.0, 1.0}

在数组下标访问形式中，元素[0]对应x，元素[1]对应y…
同时，矩阵可以看成是由向量组成的，mat2可以看成是两个vec2组成的，mat3是由三个vec3组成的。
在矩阵中，单独一列可以用数组下标“[]”来访问，然后每一行通过上面介绍的向量的方式来访问

mat4 myMat4 = mat4(1.0)
vec4 col_0 = myMat4[0];
float m_1_1 = myMat4[1][1];
float m_2_2 = myMat4[2].z;

常量

GLSL中可以使用常量，常量是着色器语言中不变的值，在程序中不能被修改，声明常量时，需要加入const修饰符，并且常量在声明时必须初始化。

const float zero = 0.0;
const mat4 myMat = mat4(1.0);

结构

GLSL除了提供基本类型之外，还可以和C语言一样提供结构体

  struct fragStruct {
      vec4 color;
      float start;
      float end;
  } fragVar;  //定义了一个fragStruct的结构体类型和fragVar的结构体变量

fragVar = fragStruct( vec4(0.0, 1.0, 1.0, 1.0),    // color
                                  0.5,  // start
                                  2.0); // end

vec4 color = fragVar.color;
float start = fragVar.start;
float end = fragVar.end;

运算符

除了 == 和 != 之外，比较运算符（<, <=, >, >=）只能用于标量，要比较向量，可以使用内建函数，针对每个分量进行比较

函数

函数的声明和C语言的一样，函数的使用必须要先提供函数原型声明。还有一点跟C语言的差别很大：函数参数的传递方式，GLSL对函数的传参提供特殊的修饰符，定义函数是否可以修改可变参数

vec4 myFunc(inout float myFloat, out vec4 myVec4, mat4 myMat4);

注意：GLSL中的函数不能递归

内建函数

GLSL中最强大的功能之一就是提供的内建函数，比如用dot来计算两个向量的点乘，用pow来计算标量的幂次

控制流语句

GLSL可以使用if-else的控制逻辑，还可以使用while和do-while循环

if(color.a < 0.5) {
  color *= color.a;
} else {
  color = vec4(1.0);
}

精度限定符

精度限定符可以指定着色器变量的精度，变量可以声明为低、中、高精度，这些限定符允许编译器在比较低的范围和精度上进行计算，在较低的精度上，有些OpenGL ES实现在运行着色器时可能会更快，或者电源效率更高，当然这种性能的提升是以降低精度为代价的。

精度限定符的关键字是：lowp、mediump、highp

highp vec4 position;
lowp vec4 color;
mediump float exption; 

可以设置变量的默认精度，如果变量声明时没有使用精度限定符，将会拥有该类型的默认精度，默认精度可以在顶点或者片段着色器的开头指定：

precision highp float;
precision mediump int;

同时，在顶点着色器中，如果没有指定默认精度，int 和 float 值的默认精度都是highp，但是在片段着色器中，float没有默认的精度，每个着色器必须声明一个默认的float精度，或者为float变量手动指定精度。
最后需要注意：指定的精度根据不同的实现有不同的范围和精度，具体的范围可以根据OpenGL ES 的API来获取，例如在PowerVR SGX GPU上，lowp float变量用10位表示，medium float用16位表示，而highp用32位来表示。

限定符

GLSL中有4个限定符可以使用

• const 定义常量

• attribute 应用程序传递给顶点着色器用，仅能用于顶点着色器
• uniform 应用程序用于设定顶点着色器和片元着色器相关的变量的值
• varying 用于从顶点着色器向片段着色器传递变量