15

最新の HTML5 ブラウザーでフレームレート (FPS など) を測定する最も正確な方法は何ですか? Canvas アニメーションの FPS に特に興味があります。

http://weblogs.mozillazine.org/roc/archives/2010/11/measuring_fps.htmlを見ると、 setTimeout の実行頻度を数えてフレームレートを測定しようとしても正確ではないことがわかります。ブラウザーは、スクリーン ペイントの間に Timeout コールバックを複数回実行できます。

Mozilla には window.mozPaintCount https://developer.mozilla.org/en/DOM/window.mozPaintCountがあり、正確な FPS を提供するはずです。ただし、これは Mozilla でのみ機能します。

似たような Chrome の未解決の問題があります: http://code.google.com/p/chromium/issues/detail?id=65348

Chrome でハードウェア アクセラレーション FPS を確認する手動の方法は、Chrome ベータ チャンネル (投稿日現在) を取得し、about:flags に移動して FPS カウンターをオンにすることです。ただし、Mac では、WebGL を使用している場合にのみアクセラレーションがオンになります。そのため、Chrome for Mac で Canvas の FPS を確認する方法はありません。

HTML5 FPS を正確に測定するための他の戦略は何ですか?

ありがとう！

4

1 に答える 1

10

チェックしてください：

  • https://github.com/mrdoob/stats.js - 私が知っている最高の FPS モニターです。また、mem/cpu の使用状況に関するいくつかの統計情報も提供します (そのデータを公開するには、特別なパラメーターを使用してブラウザーを実行する必要があります) が、説明した不正確さに苦しむ可能性もあります。

  • https://github.com/pcwalton/firefox-framerate-monitor

また、新しい chrome ビルド (おそらくカナリア ストリーム) では、FPS を に表示するオプションが必要about:flagsです。

于 2011-03-28T12:59:15.937 に答える