webgl学习笔记

最新推荐文章于 2025-06-23 11:32:46 发布

原创最新推荐文章于 2025-06-23 11:32:46 发布 · 205 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webgl

webgl 专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何在WebGL中创建并绑定新的缓存，通过`gl.createBuffer()`生成缓存，然后使用`gl.bindBuffer()`将其与顶点缓冲关联，最后用`gl.bufferData()`将格式化的顶点数据加载到缓冲区中，为3D图形渲染做准备。

1：创建新的缓存

var cubeVerticesColorBuffer = gl.createBuffer();  // 创建新的缓存
gl.bindBuffer(gl.ARRAY_BUFFER, cubeVerticesColorBuffer); // 绑定缓存到顶点缓冲上， webgl能绑定多个缓存
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(generatedColors), gl.STATIC_DRAW); // 格式化顶点数据generatedColors，并把数据写到缓冲区里