❤
npm
Sign UpSign In

aframe-fps-counter-component

1.0.1 • Public • Published

aframe-fps-counter-component

Version License

A simple FPS counter component to measure performance in VR for A-Frame.

This component copies the FPS value from the stats component panel and displays using simple text component. It will display different colors if frame rate drops below certain levels.

API

Property Description Default Value
enabled Whether to show the counter. true
for90fps Whether the colors indicate performance level for 90fps versus 60fps. For example, if for90fps, frame rates below 80fps will be shown as red. true

Installation

Browser

Install and use by directly including the browser files:

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script> 
  <script src="https://unpkg.com/aframe-fps-counter-component/dist/aframe-fps-counter-component.min.js"></script> 
</head>
 
<body>
  <a-scene>
    <!-- Attach to hand. -->
    <a-entity hand-controls>
      <a-entity fps-counter></a-entity>
    </a-entity>
  </a-scene>
</body>

npm

Install via npm:

npm install aframe-fps-counter-component

Then require and use.

require('aframe');
require('aframe-fps-counter-component');

Dependencies (0)

    Dev Dependencies (24)

    Package Sidebar

    Install

    npm i aframe-fps-counter-component

    Repository

    github.com/ngokevin/kframe

    Homepage

    github.com/ngokevin/kframe#readme

    Weekly Downloads

    50

    Version

    1.0.1

    License

    MIT

    Last publish

    Collaborators

    • dmarcos
    • ngokevin
    Try on RunKit
    Report malware