statsコンポーネントは、パフォーマンス関連のメトリクスをUIで表示します。stats コンポーネントは 要素にのみ適用されます。

# Example

<a-scene stats></a-scene>

# Metrics

  • fps: frames per second, フレームレート。WebVR 1.0 API で安定した 90 fps を目指します。
  • requestAnimationFrame (raf): レイテンシーです。
  • Textures: シーン内のthree.jsのテクスチャの数。数が少ないほど、シーンのメモリ使用量とGPUへのデータ送信量が少ないことを意味します。
  • Programs: シーン内の GLSL シェーダーの数。
  • Geometries: シーン内の three.js ジオメトリの数。カウントが小さいほど、シーンが使用するメモリが少ないことを意味します。
  • Vertices: シーン内の頂点の数。
  • Faces: シーンに含まれる面の数。
  • Calls: 各フレームでの描画呼び出しの数。
  • Load Time: シーンがレンダリングを開始するまでの時間(単位: ms)。
  • Entities: A-Frame エンティティの数。

# UIをトグルする

見出しをクリックまたはタップすると、指標のグループを折りたたむことができます。"Framerate" をタップすると、fpsrafが折りたたまれます。