Webgl chrome 空白 canvas

Webgl chrome blank canvas

我正在尝试在 webgl 中渲染尽可能多的三角形。除 chrome 外,所有网络浏览器都运行良好。在 57000 个三角形之后,我得到了一个空白的画布。所以我检查了 chrome 任务管理器,我看到 GPU 在这个黑屏之前需要 2 700 000ko。问题是否可能来自于此?这里的代码:http://gogotriangl.orionhub.org:8000/triangles/ch04-05_BlueTriangles.html

您创建的缓冲区过多。获取 webGL inspector 和 运行 你的应用程序几秒钟,我看到你已经创建了超过 1.6k glBuffers:

但是你画的时候,你只用了最近的:

re-use 使用 gl.BufferSubData 的 glBuffers 或通过 gl.deleteBuffer.

删除之前的 glBuffers