用途:这是一份面向 Three.js 应用的性能优化与最佳实践指南,在新建项目、编写或审查代码、优化性能、排查内存泄漏、编写自定义着色器(GLSL 或 TSL)、实现 WebGPU 功能、构建 WebXR 体验、集成物理引擎以及移动端优化时参考。
主要能力:包含 120+ 条规则,按影响优先级分为 18 个类别,每条规则带前缀标识,如 setup-(现代设置与导入)、memory-(内存管理与释放)、render-(渲染循环优化)、drawcall-(绘制调用优化)、geometry-、material-、asset-、lighting-、scene-、shader-、tsl-、webgpu-、loading-、vitals-、camera-、animation-、physics-、webxr-、audio-、postpro-、mobile-、error-/migration-、debug-。内容来源包括 Three.js 官方 llms 分支指南与 Utsubo 的 100 Three.js Tips。
使用方式:按需阅读各规则文件,例如 rules/setup-use-import-maps.md、rules/memory-dispose-geometry.md、rules/tsl-complete-reference.md、rules/mobile-optimization.md。每个规则文件包含原因说明、BAD 代码示例、GOOD 代码示例及补充参考。关键模式包括使用 Import Maps 引入 three、three/addons/、three/tsl;对 geometry、material、texture、render target 调用 dispose 释放资源;使用 TSL 节点材质;按设备限制像素比。
适用场景:Three.js 项目搭建、性能调优、内存管理、绘制调用优化、几何与材质优化、资源压缩、光照与阴影、场景图组织、GLSL/TSL 着色器、WebGPU 渲染器、资源加载、Core Web Vitals、相机控制、动画、物理、WebXR、音频、后处理、移动端优化、生产环境与调试工具。
限制:资料未提供该技能的安装命令、收费方式、平台支持范围或实际效果数据,暂未提供。