2020年11月24日

WebGL绘制三角形

摘要: webgl提供了一种很方便的机制,即缓冲区对象(buffer object),它可以一次性地向着色器传入多个顶点的数据。 缓冲区对象是是webgl中的一块内存区域,我们可以一次性向缓冲区对象填充大量的顶点数据,然后将这些数据保存在其中,共着色器使用。 我们在initVertexBuffers函数中利用缓冲区对象向顶点着色器传输了多个顶点的数据,所以还需要第三个参数告诉gl.drawArray()函数 需要绘制多少个顶点。webgl系统并不知道缓冲区中有多少个顶点数据,所以应该显示告知。 使用缓冲区对象向顶点着色器传输多个顶点数据的五个步骤 1、创建缓冲区对象(gl.createBuffer()) 2、绑定缓冲区对象(gl.bindBuffer()) 3、将数据写入缓冲区对象(gl.bufferData()) 4、将缓冲区对象分配给一个attribute变量(gl.vertexAttribPointer()) 5、开启attribute变量(gl.enableVetexAttribArray()) 阅读全文

posted @ 2020-11-24 14:19 苹果园dog 阅读(193) 评论(0) 推荐(0) 编辑

导航