第三节 WebGL中使用gl.drawArrays()和gl.drawElements()绘制图形

学习交流欢迎加群：789723098，博主会将一些demo整理共享

我们可能都知道，很多三维模型构成的基本单位都是三角形（三角面片），例如.stl和.obj这两种应用广泛的三维模型文件格式。再复杂的模型都可以由三角面片来组成，由此可见三角形在图形学中的重要地位。而且WebGL里面除了支持点（gl.POINTS）、线（gl.LINES、gl.LINE_STRIP和gl.LINE_LOOP），就是三角形(gl.TRIANGLES、gl.TRIANGLE_STRIP、gl.TRIANGLE_FAN)绘制了，因此WebGL并不提供四边绘制的函数，但如果有需要可以自己构建相关的函数绘制四边形。 
WebGL有以下两个绘制函数：

void gl.drawArrays(mode, first, count);

mode: 画图函数，告诉系统你要画点、线，还是三角形；这里我们主要用到画三角形的函数，可参考我另外一篇博客：http://blog.csdn.net/qq_37338983/article/details/73742119，里面有对几种三角形的绘制方法的介绍，还有一个绘制示例。 
first:指定顶点开始绘制的位置； 
count:绘制图形的顶点数。 
例如，gl.drawsArrays(gl.TRIANGLES, 0, 3)，表示从第