r3f-performance - 优化R3F渲染性能
通过LOD、实例化、绘制调用减少、懒加载和分析工具优化R3F场景
标签
更新于: 2026-06-30能力
典型输入
典型输出
该技能可以做什么
- 限制像素比
- 设置自适应性能
- 配置渲染循环
- 应用实例化
- 合并几何体
- 实现LOD
- 配置视锥体剔除
- 懒加载模型
- 释放资源
- 分析帧性能
- 压缩纹理
- 预加载资源
输入
- R3F Canvas配置
- 3D模型
- 纹理
- 场景几何体
- 性能数据
输出
- 优化的渲染设置
- 实例化网格
- 合并的几何体
- LOD对象
- 性能指标
要求
- R3F (React Three Fiber)
- Three.js
- React