Skip to content

Stats

stats.js is a JavaScript performance monitor, made by mrdoob. stats.js provides a simple info box that will help you monitor your code performance.

Cientos provides a component called Stats that creates a panel without effort or configuration in the top left corner where you'll be able to monitor your app.

Basic usage

vue
<script setup lang="ts">
import { TresCanvas } from '@tresjs/core'
import { Stats } from '@tresjs/cientos'
</script>

<template>
  <TresCanvas>
    <Stats />
  </TresCanvas>
</template>

Props

PropTypeDefaultDescription
showPanelnumber0FPS monitor.
  • 0: FPS Frames rendered in the last second. The higher the number the better.
  • 1: MS Milliseconds needed to render a frame. The lower the number the better.
  • 2: MB MBytes of allocated memory. (Run Chrome with --enable-precise-memory-info)
  • 3+: CUSTOM User-defined panel support. For more info please check stats.js.