WebGL基础流程

• 定义顶点着色器和片元着色器，代码放到HTML的<script>标签中，使用的类型是“x-shader/x-vertex”和“x-shader/x-fragment”；
• 在initGL函数中初始化WebGL上下文（WebGL Context）；
• 使用getShader和initShaders函数将着色器载入到WebGL的program对象中；
• 定义模型视图矩阵（mvMatrix）和投影矩阵（pMatrix），并使用setMatrixUniforms函数将他们从Javascript推送的WebGL中，也就是显卡段，使得着色器可以调用它们；
• 使用initBuffers函数载入含有场景内物体信息的数组对象；
• 使用名如其义的函数drawScene函数来绘制场景；
• 建立一个webGLStart函数，在页面加载时被调用，完成上述的一切；
• 最后，在HTML代码中加入一段canvas标签的内容，来显示绘制的场景。