【问题标题】:Looking for some tips to optimize my WebGL 3D Engine寻找一些技巧来优化我的 WebGL 3D 引擎
【发布时间】: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


【解决方案1】:

我发现了一篇关于 WebGL 优化的好演讲。希望它会有用: http://www.youtube.com/watch?v=rfQ8rKGTVlg

关于如何提高 WebGL 性能的部分令人印象深刻。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-05-18
    • 1970-01-01
    • 2010-11-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-30
    • 2012-08-30
    相关资源
    最近更新 更多