drawElements函数形式及作用

最新推荐文章于 2024-05-15 21:17:45 发布

weixin_43283426

最新推荐文章于 2024-05-15 21:17:45 发布

阅读量2.3k

点赞数 1

CC 4.0 BY-SA版权

文章标签： webgl

本文链接：https://blog.youkuaiyun.com/weixin_43283426/article/details/90743237

本文详细解析了WebGL中drawElements方法的使用，包括其四个参数的意义：点的绘制模式、绘制的点数量、数据类型及起始点位置。对比了drawElements与drawArrays的不同，前者通过索引避免重复数据输入，提高绘图效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1格式为drawElements(mode, count, type, offset)
第一个参数指明点的绘制模式
第二个参数指明绘制的点数量
第三个参数指明绘制的数据类型
gl.UNSIGNED_BYTE对应Uint8Array，gl.UNSIGNED_SHORT对应Uint16Array
第四个参数指明从第几点开始绘制

drawElements与drawArrays一个是逐数据点绘制，一个是逐索引绘制，drawElements避免了大量重复数据的输入，直接用索引就行，因此在关联缓冲区时用的是 gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, iBuffer);而不是
gl.bufferData( gl.ARRAY_BUFFER, flatten(vertexColors), gl.STATIC_DRAW );