关于 optimize-threejs-games
面向 Three.js 游戏的优化技能，强调先测量并建立可重复的游戏路径，再调整行为。它指导开发者判断 CPU 或 GPU 瓶颈、实施低风险改动并复核结果。
主要功能
- 01分析可重复的代表性场景
- 02区分 CPU 与 GPU 瓶颈
- 03采用低风险渲染和模拟改动
- 04保持画质设置明确且可撤销
- 05复查游戏体验、画面与稳定性
适用场景
- 01调查遭遇战中的帧时尖峰
- 02减少内存分配和临时特效开销
- 03在不影响战斗辨识度的前提下降低渲染成本
- 04改动后验证移动端操作与减少动态效果
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/optimize-threejs-games确认已加载。
附带文件agents/openai.yaml
详细介绍
优化 Three.js 游戏
先测量，再更改行为；每次优化后，都要验证相同的游戏流程。
建立可重复的场景
选择一个具有代表性的确定性遭遇场景，并记录设备、视口、画质等级、玩家位置、敌人、活跃效果、帧时间采样、绘制调用次数、三角形数量、纹理数量和警告。确保比较条件一致。
判断瓶颈所在
- 如果模拟、内存分配、React 工作、寻路或逐帧扫描会随角色数量增加，问题可能出在 CPU。
- 如果分辨率、过度绘制、阴影、透明粒子、后期处理、绘制调用次数、几何体或纹理带宽占主导，问题可能出在 GPU。
- 优化前先检查；不要盲目降低画质。
优先采用低风险修复
复用几何体和材质，池化临时效果，剔除非活跃或屏幕外的工作，降低非关键 UI 更新频率，限制粒子数量，避免逐帧分配，并且只更新发生变化的变换。明确设置渲染质量，并确保可以撤销。先降低装饰性效果，再考虑战斗可读性或控制。
验证优化结果
重新运行原始遭遇场景，并验证帧时间、视觉正确性、碰撞与接触行为、内存稳定性、移动端控制、减少动态效果设置以及控制台状态。临时服务、基准测试和浏览器标签页不再需要时，请将其关闭。
评论
支持 Markdown