WebGL系列(三)OpenGL ES着色器语言(GLSL ES)

GLSL ES是强类型语言,大小写敏感,它从main()函数开始执行,必须有且只有一个main()函数,且不接收任何参数。

GLSL ES如果函数有返回值,必须明确指定返回值类型,没有返回值,需要用void来明确表示没有返回值。

数据类型

数值类型:整数int和浮点数float

布尔值类型:true和false

变量

a-z,A-Z,0-9和下划线_

首字母不能是数字

不能以gl_,webgl_,_webgl_开头

WebGL系列(三)OpenGL ES着色器语言(GLSL ES)_第1张图片

矢量

vec2、vec3、vec4            具有2、3、4个浮点数元素的矢量

ivec2、ivec3、ivec4         具有2、3、4个整型元素的矢量

bvec2、bvec3、bvec4      具有2、3、4个布尔值元素的矢量

矩阵

mat2、mat3、mat4           2*2、3*3、4*4的浮点数元素的矩阵9

矩阵构造函数

向矩阵构造函数中传入矩阵的每一个元素的数值来构造矩阵,传值的顺序是列主序。

WebGL系列(三)OpenGL ES着色器语言(GLSL ES)_第2张图片

访问元素

通过.或者[]运算符访问元素。

WebGL系列(三)OpenGL ES着色器语言(GLSL ES)_第3张图片

WebGL系列(三)OpenGL ES着色器语言(GLSL ES)_第4张图片

结构体

GLSL ES支持用户自定义类型即结构体,使用struct。

struct light{

vec4 color;

vec3 position;

}

light l1,l2   //声明了light类型的变量l1和l2

WebGL系列(三)OpenGL ES着色器语言(GLSL ES)_第5张图片

数组

GLSL ES支持数组类型,GLSL ES只支持一维数组,声明:变量名后加上[]和数组的长度

float floatArray[4]   //声明4个浮点数元素的数组

vec4 vec4Array[2]  //声明含有2个vec4对象的数组

 

你可能感兴趣的:(WebGL)