javascript - ThreeJS 场景以 60FPS 运行，但让我的粉丝兴奋不已，最终崩溃了

Question

我是 ThreeJS 的新手，所以我决定尝试一下这个例子: http://threejs.org/examples/#misc_fps

我导出了在 Blender 中制作的一些地形并替换了 platform.json 文件。该场景以 55-60 fps 的速度运行，我没有遇到真正的延迟问题，但它会逐渐导致我的粉丝越来越大声。最终该页面将停止响应。这很令人惊讶，因为我的计算机规范非常好。

根据 rendererstats.js，我的场景有 23k 个顶点和 7k 个面。我想也许这就是问题所在，但尽管数量减少了一半，但它仍然存在。我用谷歌搜索并进行了尝试，但没有取得多大成功。然后我尝试了原始演示(上面链接)并意识到我的计算机也有同样的 react 。

您认为这个演示中的什么问题可能导致问题，是否有解决办法？我真的很感谢任何帮助解决这个问题的人。

Answer 1

演示似乎没问题。我不知道问题出在哪里，但我可以说一些事实。

浏览器本身不需要显卡来运行，但是一旦您使用 webgl 打开选项卡，它可能会请求硬件使用它。无论 WebGL 应用程序的要求如何，这也可能会导致粉丝转向。这确实是硬件/固件的问题。我以前也遇到过类似的问题，结果我的笔记本电脑坏了。

因此，首先我建议尝试消除您的问题，如果您的设备是否存在类似问题，请进行 GPU 基准测试或测试其他应用程序(游戏)。如果没有，则尝试使用 webgl 消除问题。通过此演示尝试不同的浏览器。还可以尝试更多的 webgl 应用程序，并尝试找出是否仅 Three.js 应用程序有问题，或任何 webgl 应用程序或仅此应用程序有问题。

• 如果任何浏览器中的每个应用程序都存在问题，问题将非常严重，而且我无法提供太多帮助，因为我不知道您的配置。
• 如果这个演示在任何浏览器上都有问题，但其他应用程序都很好，我想问题可能出在 WebGL 和你的显卡之间(某些特定的 WebGL/GLSL 功能)，所以它也很深。可能会向 webgl 开发人员社区报告，该社区也是显卡 vendor 。
• 如果问题仅出现在一种浏览器上，则可能是浏览器设置或浏览器本身造成的。您可以尝试重新安装它或向浏览器开发人员报告。
• 如果问题出现在一个浏览器中并且仅出现在这个演示中，则这是浏览器和 Threejs 相关的问题。而且你只能做更深入的演示基准测试，并尝试向 Threejs 开发人员报告。

抱歉，这可能不是答案，但评论太长了。