0.0.5 • Published 4 years ago

vconsole-stats-plugin v0.0.5

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

vconsole-stats-plugin

npm version

A vConsole plugin which can show Stats in front-end.

Based on the Stats https://github.com/mrdoob/stats.js

Demo

show demo

Usage

Download the latest version(copy dist/vconsole-stats-plugin.min.js). See all demo code: /example/demo.html

<script src="path/to/vconsole.min.js"></script>
<script src="path/to/vconsole-stats-plugin.min.js"></script>
<script>
  // init vConsole
  const vConsole = new VConsole();
  const plugin = new VConsoleStatsPlugin(vConsole);
</script>

Or, install via npm:

npm install vconsole-stats-plugin -S
import VConsole from 'vconsole';
import VConsoleStatsPlugin from 'vconsole-stats-plugin';
const vConsole = new VConsole();
const plugin = new VConsoleStatsPlugin(vConsole);

Features

  • Show/Close Stats
  • Change Stats Panel

stats.js

JavaScript Performance Monitor

This class provides a simple 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)
  • CUSTOM User-defined panel support.

Screenshots

demo.png

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