<FpsWidget>

<FpsWidget> 是一个轻量级性能浮层组件，用于在浏览器中实时显示帧率。

作用

• 基于 requestAnimationFrame 采样
• 使用滑动窗口计算平均 FPS
• 在页面右上角显示带颜色状态的指标

使用方式

<template>
    <Preview :app="runtime" />
    <FpsWidget />
</template>

<script setup>
import { FpsWidget, Preview, useRuntimeApp } from '@ptahjs/ui-vue';

const runtime = useRuntimeApp({ id: 've1' });
runtime.schema(pageJson);
</script>

说明

• 组件没有额外 props，可直接挂在页面上。
• 挂载后开始统计，卸载时会自动停止。
• 适合用在场景类页面、画布页面或渲染性能调优阶段。