【webgl】 buffer的使用

什么是缓冲区对象

webgl提供一种很方便的机制 ，就是缓冲区对象，它可以一次性向着色器传入多个顶点的数据。缓冲区对象是WebGL系统中的一块内存区域，我们可以一次性地向缓冲区对象中填充大量的顶点数据，然后将这些数据保存在其中，供顶点着色器使用。

为什么用缓冲区

如果没有用缓冲区，然后循环遍历 数组列表，位置传递到顶点着色器， 然后去绘制顶点 就像下面代码一样循环一次，绘制一次。

function render() {
   
      gl.clear(gl.COLOR_BUFFER_BIT);
      a_points.forEach(({
     x, y }) => {
   
        gl.vertexAt