javascript - 渲染分离的随机三 Angular 形的最有效方法？

Question

https://dl.dropboxusercontent.com/u/75048835/triangles2/index.html

这是该脚本每帧执行的操作:

• 获取 slider 值
• 如果 slider 值发生更改，请为顶点创建一个 Float32Array，为颜色创建一个 Float32Array，并调整其大小
• 运行一个循环，每次迭代都会向数组添加一个新三 Angular 形， 具有随机 X、Y、RGB 和 alpha 值
• 使用 gl.drawArrays 绘制数组

问题是，当我使用 800 多个三 Angular 形时，我无法获得合适的帧速率。有什么办法可以让它更快吗？

Source code here

Answer 1

尝试使用glBufferSubData而不是glBufferData。 glBufferData 每次调用时都需要分配一个新的缓冲区。应该会看到很大的性能提升。