四、WebGL入门，索引缓冲区

这一节简单的介绍下索引缓冲区

先看一个问题，绘制如下一个矩形：

按照之前所学的的方法需要6个顶点数据，代码如下：

            var jsArrayData = 
                [
                    //x     y       z   
                    -0.5,   +0.5,   0.0, //0
                    +0.5,   +0.5,   0.0, //1
                    +0.5,   -0.5,   0.0, //3

                    -0.5,   +0.5,   0.0, //0
                    +0.5,   -0.5,   0.0, //3
                    -0.5,   -0.5,   0.0, //2
                ];//右顶点

明显可以看出有两个点绘制了两次，这是由于WebGL只能绘制点，线，三角形。上述一共有3*6=18个点，共占内存18*4=72byte,而一个矩形只有四个顶点， 有没有一种方法只绘制4个顶点就能绘制出该矩形呢。是有的&#x