概念
WebGL API 的 WebGLShader 可以是一个顶点着色器(vertex shader)或片元着色器(fragment shader)。
每个 WebGLProgram 都需要这两种类型的着色器。
创建流程
要创建一个 WebGLShader 需要使用 WebGLRenderingContext.createShader,通过 WebGLRenderingContext.shaderSource() 然后挂接GLSL源代码 , 最后调用 WebGLRenderingContext.compileShader() 完成着色器(shader)的编译。
function createShader (gl, sourceCode, type) {
// 调用 WebGLRenderingContext 的 createShader 方法,创建一个 WebGLShader 对象
// type 有两种类型,分别是 gl.VERTEX_SHADER 和 gl.FRAGMENT_SHADER