9

我一次使用 3 个顶点缓冲区（我实际上有很多，但一次只使用了 3 个）。

它们包含在着色器中混合在一起以产生所需输出的信息 - 2D 骨骼动画。

有两个骨骼缓冲区，其中包含任何给定帧处骨骼的位置/旋转/缩放。

有一个皮肤缓冲区，其中包含用于渲染纹理区域的顶点，就好像它位于世界原点(0,0)一样。

在着色器中，将两个骨骼缓冲区与一个缓动值组合（作为统一传递），然后通过变换皮肤顶点，将部分渲染到正确的位置。

这表现得很好，并且是对我开始的地方的一个很好的改进——我在 GPU 上计算了所有内容，并且只是传入了 x/y/u/v 坐标，我受到每帧向 GPU 传输大量数据的限制。

但是，有很多重复的信息。皮肤缓冲区只包含它需要的东西，每个皮肤部分有 4 个顶点，每个顶点都是唯一的。

但是，当它与骨骼结合时，每个骨骼顶点被复制 4 次——以匹配皮肤缓冲区。在移动设备上工作，这简直是一种痛苦，因为我的内存不足，而且有这么多的浪费让我很恼火。

如果只有 1 个骨骼，这就是缓冲区的外观。

骨缓冲液 1

[x1,y1,rot1] [x1,y1,rot1] [x1,y1,rot1] [x1,y1,rot1]

骨缓冲液 2

[x2,y2,rot2] [x2,y2,rot2] [x2,y2,rot2] [x2,y2,rot2]

皮肤缓冲液

[xA,yA,uA,vA] [xB,yB,uB,vB] [xC,yC,uC,vC] [xD,yD,uD,vD]

我不会发布完整的着色器，因为那里有太多额外的东西（旋转和缩放工作类似）：

attribute vec2 bonePosition1; // x1, y1
attribute vec2 bonePosition2; // x2, y2
attribute vec2 skinPosition; // xA (or xB .. ), yA (or yB .. )
uniform float a; // Some value 0..1 depending on time
...
vec2 bonePosition = mix(bonePosition1, bonePosition2, a);
vec2 combinedPosition = skinPosition * bonePosition;

笔记; 因为我主要针对 iOS（其他人也是如此，但它是最严格的），所以我知道我仅限于 16 个属性。

有没有办法缩小骨骼缓冲区的内存占用？我有很多很多帧到一个皮肤缓冲区。

4

1 回答 1

0

GL_ELEMENT_ARRAY_BUFFER如我所见，您需要为带有数据（）的缓冲区绑定多个索引缓冲区（GL_ARRAY_BUFFER）。如果您能够绑定 2 个GL_ARRAY_BUFFER缓冲区，您也可以单独绑定一个GL_ELEMENT_ARRAY_BUFFER。我不知道这是否可以在 OpenGL ES 中实现。如果这是不可能的，您可以尝试使用整数而不是浮点数来节省内存，但我相信这不适用于骨骼平移/旋转值。

关于你的笔记。要克服 16 个属性的限制，您可以将较小的vec2属性组合成vec4. 例如，您可以将bonePosition1andbonePosition2合并为一个vec4：

attribute vec4 bonePosition12;

然后在着色器中以这种方式使用它：

vec2 bonePosition1 = vec2(bonePosition12.x,bonePosition12.y);
vec2 bonePosition2 = vec2(bonePosition12.z,bonePosition12.w);

这可能对性能有一些小的影响，但由于此代码在顶点着色器中，与着色器的数学相比，性能下降应该可以忽略不计。我已经使用类似的代码来操纵颜色（在片段着色器中）并且性能还可以。

于 2012-11-13T06:05:30.843 回答