【发布时间】:2012-02-12 21:30:12
【问题描述】:
我完成了 Learningwebgl.com 和 Mozilla 教程,起初一切看起来都很好,但是...
不幸的是,我的第一个引擎在制作了很多函数并将脚本分成多个部分(如 core.js、math.js、mesh.js 等)后速度变慢了,所以我遇到了这个性能问题。
现在在LocalHost上加载页面需要几秒钟(速度非常快),加载纹理和网格也需要几秒钟,并且Chrome在刷新页面几次后冻结,CPU/GPU使用异常,甚至我的“WampServer”都崩溃了!
我不是 Javascript 大师,但是这个东西 (webgl) 看起来非常敏感,很容易被任何错误破坏,我使用 Canvas2D 制作在线绘画应用程序,从未遇到过类似的问题。
我注意到,当我将所有脚本放入单个 HTML 或 JS 文件时,性能要比许多小脚本高得多,也许这就是问题所在?
注意:我没有使用 jQuery 或任何其他库。 (仅限 glMatrix 和 RequestAnimationFrame 脚本)
问题:在重新编写我的引擎之前,请给我一些提示,我不想犯同样的错误!!
语言不通
【问题讨论】:
-
是的,将所有 js 放在一个文件中是最佳实践,尽管使用会为您生成 js 文件的工具,因此您仍然可以享受单独文件的好处。也不要使用外壳。
-
从你对问题的描述来看,它的 JS 问题比 WebGL 更多:|。 Chrome 已经知道大纹理的问题(它在 Chrome 上很慢)。浏览器可以进行的并发连接也可能受到限制,所以可能是另一个瓶颈?
标签: performance webgl