收集webGL应用程序的帧速率直方图数据

Question

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

Answer 1

可以使用stats.js这是捆绑了所有three.js所例子

https://github.com/mrdoob/stats.js

收集的数据导出到可以使用HTML5文件系统API来完成一个文件库中获得FPS直方图数据。

http://www.html5rocks.com/en/tutorials/file/filesystem/