【WebGL与Graphics的学习之路02】缓冲区与三角形

目标：

        1.了解缓冲区对象的使用，以及如何将多个顶点数据同时传递给顶点着色器。

        2.使用WebGL的缓冲区对象来绘制三角形。

使用缓冲区对象：

        缓冲区对象是在webgl系统中的一块存储区，他可以把你所有想要绘制的顶点保存进去，那么你就可以一次性地向顶点着色器中传入多个顶点地attribute变量的数据。

 向顶点着色器传入多个顶点数据需要遵循以下五个步骤：

        

 下面详细的解释每一步的具体细节。

1.创建缓冲区对象：

var vertexBuffer = gl.createBuffer();

        在使用之前，你必须创建它。上句代码执行后状态：

2.绑定缓冲区：