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 阅读(194) 评论(0) 推荐(0) 编辑