WebGPU 补充篇之 VertexBuffer

系列博客总目录：https://blog.youkuaiyun.com/cRGBc/article/details/120412614

---

VertexBuffer 的创建

VertexBuffer 的本体就是一个 GPUBuffer，主要就是指定其 usage，以及在创建 ShaderModule 时配置好 VertexAttribute。

顶点属性，所谓的 VertexAttribute，在 VertexBuffer 中的排列是顶点顺序优先。比如在某个 VertexBuffer 中，一个顶点拥有 f32 二维坐标属性、f32 RGBA颜色属性，那么它大概长这样：

顺次排列
↓ 顶点1（24 bytes）
		 坐标x 坐标y
		 R分量 G分量 B分量 A分量
↓ 顶点2（24 bytes）
     坐标x 坐标y
 		 R分量 G分量 B分量 A分量
↓ 
...

上代码：

const vbodata = new Float32Array([
  // 坐标 xy      // 颜色 RGBA