gwt - 在 WebGL 中绘制 3D 树结构

Question

我正在按照此处显示的技术使用 gwt-g3d 库在 WebGL 中绘制大型有向无环图:http://www-graphics.stanford.edu/papers/h3/

此时，我有一个简单的两级图形渲染:



性能很糟糕——渲染这个东西大约需要 1.5-2 秒。我不是 OpenGL 专家，所以这是我采用的一般方法。也许有人可以指出一些可以更快地获得此渲染的优化。



我很惊讶将 MODELVIEW 矩阵和缓冲区推送到显卡需要多长时间。这是浪费了大部分时间的地方。我应该在顶点着色器中进行 MODELVIEW 转换吗？

这让我相信操作 MODELVIEW 矩阵并为每个节点推送一次应该不是一个坏习惯，但时间不会说谎:

https://gamedev.stackexchange.com/questions/27042/translate-the-modelview-matrix-or-change-vertex-coordinates

Answer 1

将节点分组为更大的块，而不是单独渲染它们。使用最有可能不会修改的应用变换对所有几何图形进行后台缓存，并将其存储在一个缓冲区中并在一次调用中进行渲染。

另一种解决方案:将节点(框 + 线)存储在一个缓冲区中(您可以存储比当前所需的更多)及其在纹理中的转换。根据节点索引(纹理坐标)在顶点着色器中应用变换它应该更快。

测试支持使用 this site .我有 MAX_VERTEX_TEXTURE_IMAGE_UNITS | 4
最佳解决方案是 Geometry Instancing但它目前在 WebGL 中不受支持。