WebGL基础流程

来源：互联网发布：中国大学生就业数据编辑：程序博客网时间：2024/04/27 23:39

定义顶点着色器和片元着色器，代码放到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标签的内容，来显示绘制的场景。