【问题标题】:three js crushing on chrome android三个js碾压chrome android
【发布时间】:2017-01-18 19:26:44
【问题描述】:

我试图在三星 Galaxy s6 的 chrome 浏览器中打开此链接 http://3dhd.co.il/mobile/170,大约 2 分钟后浏览器崩溃,我收到消息“Rats Web GL 遇到障碍”。

我尝试按照 chrome 指令(清除 cookie 等),尝试启用 chrome://flags 中的标志。

我怎样才能调试这个问题并理解它为什么会发生, 我开发了那个场景,我无法理解我做错了什么。

谢谢。

【问题讨论】:

  • 你试过在chrome中加载它并检查控制台日志吗?大量错误和日志
  • 错误只是脚本找不到的一些 3d 模型,但是我在控制台中看到的日志会不会是造成崩溃的原因?
  • 我敢说这是你场景的复杂性。例如,您的场景有超过 700,000 个 THREE.Vector3 实例和超过 700 个 THREE.Mesh 实例。至少 .. 这就是 chrome 开发工具所暗示的。
  • 乍一看有重叠。效果表示高多边形。只是没有针对移动平台进行优化。
  • @NikolaLukic,我升级到 r83。所以大部分错误和警告都消失了。你能解释一下你的评论吗?我不明白这是什么意思。什么是重叠效应?以及如何针对移动平台优化我的项目?

标签: google-chrome three.js webgl


【解决方案1】:

这里的建议。

重叠顶点示例:

这意味着 3d 网格物体是复杂的。尝试使用blender(免费软件)打开3d对象(导入)点击进入编辑模式。然后你可以看到顶点的数量。此示例的最佳优化是进行凸优化。

还要检查材料!

看到这个答案: Three.js project crashes mobile

看看: https://blender.stackexchange.com/questions/6253/how-to-convert-from-high-poly-to-low-poly

【讨论】:

    猜你喜欢
    • 2019-08-20
    • 1970-01-01
    • 2015-05-02
    • 2019-06-11
    • 2012-12-10
    • 2020-07-10
    • 2013-02-14
    • 2014-04-02
    • 2015-06-07
    相关资源
    最近更新 更多