OpenGL：多个顶点的单个顶点属性？

我有一个接受以下属性的顶点着色器：

• a_posCoord：顶点位置
• a_texCoord：纹理坐标（传递给片段着色器）
• a_alpha：透明度因子（传递给片段着色器）

我正在渲染的对象都是“广告牌”（一对直角三角形组成一个矩形）。

我正在使用一次调用glDrawArrays渲染many广告牌，每个广告牌都可能具有唯一的 alpha 值。单个广告牌有 6 个顶点。下面是一些伪代码，用于说明如何组织单个广告牌的顶点属性缓冲区：

vertexAttributes = [

  px1,py1,pz1, // vertex 1: a_posCoord
  tx1,ty1,     // vertex 1: a_texCoord
  alpha,       // vertex 1: a_alpha

  px2,py2,pz2, // vertex 2: a_posCoord
  tx2,ty2,     // vertex 2: a_texCoord
  alpha,       // vertex 2: a_alpha

  px3,py3,pz3, // vertex 3: a_posCoord
  tx3,ty3,     // vertex 3: a_texCoord
  alpha,       // vertex 3: a_alpha

  px4,py4,pz4, // vertex 4: a_posCoord
  tx4,ty4,     // vertex 4: a_texCoord
  alpha,       // vertex 4: a_alpha

  px5,py5,pz5, // vertex 5: a_posCoord
  tx5,ty5,     // vertex 5: a_texCoord
  alpha,       // vertex 5: a_alpha

  px6,py6,pz6, // vertex 6: a_posCoord
  tx6,ty6,     // vertex 6: a_texCoord
  alpha        // vertex 6: a_alpha

  // ... Many more billboards not shown ...
];

注意如何相同alpha值重复 6 次，每个顶点一次。

有没有一种方法可以为所有 6 个顶点指定一个属性，而不必为每个单独的顶点重复该属性？

这是我希望顶点属性缓冲区的样子，以减少缓冲区的大小：

vertexAttributes = [
  px1,py1,pz1, // vertex 1: a_posCoord
  tx1,ty1,     // vertex 1: a_texCoord

  px2,py2,pz2, // vertex 2: a_posCoord
  tx2,ty2,     // vertex 2: a_texCoord

  px3,py3,pz3, // vertex 3: a_posCoord
  tx3,ty3,     // vertex 3: a_texCoord

  px4,py4,pz4, // vertex 4: a_posCoord
  tx4,ty4,     // vertex 4: a_texCoord

  px5,py5,pz5, // vertex 5: a_posCoord
  tx5,ty5,     // vertex 5: a_texCoord

  px6,py6,pz6, // vertex 6: a_posCoord
  tx6,ty6,     // vertex 6: a_texCoord

  alpha        // vertex 1-6: a_alpha

  // ... Many more billboards not shown ...
];

就其价值而言，我当前的解决方案工作得很好，但让我感觉很脏。我才刚刚开始掌握使用glVertexAttribPointer并想知道它是否以某种方式支持这样的东西，或者是否有不同的方法或技术我可以用来实现不那么暴力的东西。

更具体地说，这是一个 WebGL 问题，但我对一般意义上的 OpenGL 很好奇。

我知道几何着色器确实是这个特定示例所需要的，但这是不可能的，因为它们目前在 WebGL 中不受支持。

顶点不是位置顶点是由多个属性组成的长向量。更改一个属性，最终会得到一个不同的顶点。所以不，您不能对多个顶点使用单个顶点属性，因为这在语义上没有意义。

然而，较新版本的 OpenGL 可以设置某个顶点属性的缓冲区偏移量前进的速率。实际上，这意味着在属性的缓冲区偏移量前进之前，给定顶点数组的数据实际上被“复制”到 n 个顶点调用中。设置该除数的函数是glVertexAttribDivisor https://www.khronos.org/registry/OpenGL-Refpages/gl4/html/glVertexAttribDivisor.xhtml。在你的情况下，你会设置一个绑定除数6对于阿尔法数组。但重要的是，这不会对多个顶点使用单个属性，而是让 OpenGL 完成您为您所做的重复工作。