WebGL着色器

//顶点着色器程序
var VSHAD_SOURCE =
    'void main(){
' +
    'gl_Position = vec4(0.5,0.5,0.0,1.0);
' + //设置坐标
    'gl_PointSize=10.0;
' + //设置尺寸
    '}
';

//偏远着色器程序
var FSHADER_SOURCE =
    'void main(){
' +
    'gl_FragColor = vec4(0.0,1.0,0.0,1.0);
' + //设置颜色
    '}
';

顶点着色器：顶点着色器是用来描述顶点特性（如位置、颜色等）的程序，顶点是指二维或三维空间中的一个点，比如二维或三维图形的端点或交点。

顶点着色器的内置变量
类型和变量名	描述
vec4   gl_Position	表示顶点的位置
float   gl_PointSize	表示点的尺寸（像素数）

片元着色器：进行逐片元处理过程如光照的程序。片原是一个WebGL术语，你可以将其理解为像素。

片元着色器的内置变量
类型和变量名	描述
vec4  gl_FragColor	指定片原颜色（RGBA格式）