前端图形学（二十三）——你真的只需要了解的原生的WebGL( 三 )_欢迎来到【畅哥聊技术】前端图形学相关

三、缓冲区相关操作

创建缓冲区激活缓冲区（绑定缓冲区）将顶点数据传入缓冲区将缓冲区的数据按照一定规律传递给我们的顶点着色器中定义的变量apos允许数据传递。绘制//创建缓冲区

var buffer = gl.createBuffer();

//激活当前的缓冲区

gl.bindBuffer(gl.ARRAY_BUFFER,buffer);

//将顶点数据传入缓冲区

gl.bufferData(gl.ARRAY_BUFFER,rectData,gl.STATIC_DRAW);

///将缓冲区的数据按照一定规律传递给我们的顶点着色器中定义的变量apos

gl.vertexAttribPointer(posPositionIndex,2,gl.FLOAT,false,0,0);

//允许数据传递。

gl.enableVertexAttribArray(posPositionIndex);

//绘制

gl.drawArrays(gl.LINE_LOOP , 0, 4);

前端图形学（二十三）——你真的只需要了解的原生的WebGL( 三 )