Nascent Political Miscreant
    Wondering what’s next for npm?Check out our public roadmap! »

    pixi-stats
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.6 • Public • Published

    pixi-stats

    JavaScript Performance Monitor

    This class provides an info box that will help you monitor your code performance.

    • FPS Frames rendered in the last second. The higher the number the better.
    • MS Milliseconds needed to render a frame. The lower the number the better.
    • MB MBytes of allocated memory. (Run Chrome with --enable-precise-memory-info)
    • DC Draw Calls made within one frame.
    • TC Texture Count used within one frame.
    • CUSTOM User-defined panel support.

    Screenshots

    fps.png ms.png mb.png custom.png

    Installation

    npm install pixi-stats --save

    Usage

    import { Application, Ticker } from 'pixi.js';
    import { addStats, Stats } from 'pixi-stats';
    
    const app: Application = new Application({});
    const stats: Stats = addStats(document, app);
    const ticker: Ticker = Ticker.shared;
    
    ticker.add(stats.update, stats, UPDATE_PRIORITY.UTILITY);
    div#stats {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 500;
      width: max(200px, 10vw, 10vh);
      height: max(100px, 6vh, 6vw);
      opacity: 0.8;
      user-select: none;
    }

    Contributors

    The credit goes to:

    License

    MIT

    Install

    npm i pixi-stats

    DownloadsWeekly Downloads

    10

    Version

    1.0.6

    License

    MIT

    Unpacked Size

    20.2 kB

    Total Files

    16

    Last publish

    Collaborators

    • avatar