WebGL着色器

//頂點着色器程序
var VSHAD_SOURCE =
    'void main(){\n' +
    'gl_Position = vec4(0.5,0.5,0.0,1.0);\n' + //設置座標
    'gl_PointSize=10.0;\n' + //設置尺寸
    '}\n';

//偏遠着色器程序
var FSHADER_SOURCE =
    'void main(){\n' +
    'gl_FragColor = vec4(0.0,1.0,0.0,1.0);\n' + //設置顏色
    '}\n';

頂點着色器：頂點着色器是用來描述頂點特性（如位置、顏色等）的程序，頂點是指二維或三維空間中的一個點，好比二維或三維圖形的端點或交點。

頂點着色器的內置變量
類型和變量名	描述
vec4   gl_Position	表示頂點的位置
float   gl_PointSize	表示點的尺寸（像素數）

片元着色器：進行逐片元處理過程如光照的程序。片原是一個WebGL術語，你能夠將其理解爲像素。

片元着色器的內置變量
類型和變量名	描述
vec4  gl_FragColor	指定片原顏色（RGBA格式）