收集WebGL应用程序帧率直方图数据。

Question

我想选择一个特定的框架来为我的学术课程工作，但只有通过结果才能证明。我想绘制所有三个框架的图形，其中顶点数是一条轴，FPS（阈值为60）是另一条轴。在这种情况下，将单个预定义模型以obj、collada、json等格式加载到三个框架中是否足够好？然后记录帧率和顶点数到某个外部文件，然后使用数据绘制图表以报告基于性能参数的最佳框架。但我正在寻找一些样板代码，用于加载不同的模型（可以用于我的图形中的顶点数维度），并将每秒的帧速率记录到外部文件中。这是我一直在思考的方法。但在互联网上找不到太多帮助。我希望有人能帮助我吗？

- three.jsaddict

---

Three.js 的例子附带有一个 FPS 历史图表。你可以看一下它作为一个例子。 - Mikko Ohtamaa

MikkoOhtamaa，我想访问直方图的帧速率并将其保存到外部文件中，请问您能否建议我如何实现？ - three.jsaddict

HTML5中有一个FileSystem API，可以将数据从Javascript写入外部文件。详见http://www.html5rocks.com/en/tutorials/file/filesystem/。 - Mikko Ohtamaa

最好的方法是阅读和研究源代码：https://github.com/mrdoob/stats.js - Mikko Ohtamaa

好的。我会添加一个答案，这样我们就可以关闭这个问题 :) 谢谢！ - Mikko Ohtamaa

Answer 1

您可以使用与所有Three.js示例捆绑的stats.js库获取FPS直方图数据。 https://github.com/mrdoob/stats.js 使用HTML5文件系统API可将收集的数据导出到文件中。 http://www.html5rocks.com/en/tutorials/file/filesystem/

- Mikko Ohtamaa

---

谢谢您的回复，我使用stats.js获取FPS数据。我期待着您提到的文章。 - three.jsaddict