PERFORMANCE · Vite + three
Stats.js 与 renderer.infoStats.js and renderer.info overlay
叠 FPS 面板，周期性打印 geometries/textures/programs 数量。
旗舰完整演示
可交互场景（拖拽旋转；部分演示支持键盘）。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
Vite：stats 面板 + 按键打印 renderer.info.memory，可切换 heavy/light 场景。
适合用在哪
开发期性能监控、对比优化前后、录屏演示时证明帧率。
容易踩的坑
- stats 面板本身也占一点 CPU，发布生产可关掉。
提示词 · Prompt
Vite + Three.js 性能面板：
1) 集成 stats.js（npm 或 examples/jsm/libs/stats.module.js）；
2) 按钮切换「轻量场景」（单 mesh）与「重量场景」（1000 随机 mesh 或高 subdiv）；
3) 每 2 秒 console 打印 renderer.info.memory 与 render.calls；
4) 注释 draw calls 与三角形数的关系；
5) 确保切换场景时 dispose 旧对象。
完整代码。
Vite stats.js overlay, light/heavy scene toggle, log renderer.info periodically.