three.js - BufferAttribute 中的内存使用情况

Question

//这是一个新手问题，对 WebGL 没有太多经验

我正在尝试优化内存使用(主要是为了允许通过移动设备使用我们的网站)。

我们的网格使用 BufferGeometry 和多个 BufferAttribute 实例(顶点、法线、颜色等)，正如我在 IE DevTools 下看到的，每个 BufferAttribute 包含两个主要的内存消耗字段:

• 数组 - 给定缓冲区属性的数据。
• buffer - WebGLBuffer，其中包含从数组字段复制的数据。

据我了解 - 在某些情况下，缓冲区会被重新创建，此时数组数据将被重用。但是，如果所有几何图形都是只读的 - 清理数组以节省内存是否安全？或者是否有其他情况需要重新创建 WebGL 缓冲区(例如，用户切换到浏览器中的另一个选项卡，并且所有 WebGL 内容都应该在返回时重新创建)？

Answer 1

据我了解，您需要保留 CPU 数据，以防 WebGL 上下文丢失。在这种情况下，GL 对象都必须从 CPU 数据重新创建。