WebGL为许多相同的对象计算GPU上的顶点?

时间:2013-08-02 16:09:43

标签: javascript optimization webgl

假设我有一个简单的2d x-y图。我想绘制一个以(5,5),(3,4),( - 1,9)等为中心的非常复杂的形状。

我知道形状的顶点相对于中心(n,m)的位置。是否可以计算GPU上的所有顶点而不是javascript?我只需要将顶点的关系上传到中心一次,然后再上传到各个点。

例如,如果形状是正方形,则关系为:

在点(n,m)处,有顶点(n-1,m-1),(n + 1,m-1),(n + 1,m-1),(n + 1, M + 1)。

这样我就可以上传(5,5),(3,4),( - 1,9)到GPU而不是计算12个顶点并上传。

问题:

  1. 这可能吗?
  2. 这比计算javascript中的顶点要快吗?

1 个答案:

答案 0 :(得分:1)

这些是OPENGL的一些解决方案,WebGL显然不支持。

http://www.opengl.org/wiki/Vertex_Rendering

http://www.opengl.org/wiki/GLAPI/glDrawArraysInstanced

编辑:显然WebGL没有drawArraysInstanced