webGL第一课总结

1.顶点vertexshader和fragmentshader,代码放在HTML的<script>标签中,使用类型:x-shader/x-vertex和x-shader/x-fragment;

2.在initGL函数中初始化webGL上下文;

3.使用getShader和initShaders函数将着色器载入到webGL的program对象中;

4.定义mvMatrix(模型视图矩阵)和pMatrix(投影矩阵),并使用setMatrixUniform函数将它们从Javascript推送到webGL中,也就是显卡段,使得着色器可以调用它们;

5.使用initBuffers函数载入含有场景内物体信息的数组对象;

6.使用drawScene函数来绘制场景;

7.建立一个webGLStart函数,在页面加载时被调用,完成上述一切;

8.在HTML代码中加入一段canvas标签的内容,来现实绘制的场景。

相关推荐