用途:该技能是一个“总路由器”,用于把沉浸式视觉体验项目按领域拆分并分发到 6 个子路由器,覆盖 React Three Fiber、着色器、粒子、后期处理、GSAP 动画与音频,共 25 个专门技能。
主要能力:
- 路由协议:分类 → 选择领域路由器 → 组合多个领域(多数项目需 3-4 个领域)→ 加载技能。
- 六个领域:3D 渲染(r3f-router,6 技能)、着色器(shaders-router,5 技能)、粒子(particles-router,4 技能)、后期处理(postfx-router,3 技能)、动画(gsap-router,4 技能)、音频(audio-router,3 技能)。
- 提供按项目类型的快速路由(3D 场景、音频可视化、生成艺术、交互体验、倒计时页、粒子特效)、信号检测关键词、领域组合示例与依赖关系。
使用方式(按资料):
- 识别核心需求(主视觉体验、是否含音频、是否需要动画/交互、视觉保真度)。
- 选择主领域,再按需添加辅助领域:需要辉光→postfx-router;平滑动画→gsap-router;粒子→particles-router;音频→audio-router;自定义材质→shaders-router。
- 由领域路由器加载具体技能。
适用场景:3D 场景、音乐可视化、创意编程/生成艺术、交互式装置、倒计时/活动页、粒子密集型效果、产品展示等。
限制与说明:
- 资料给出性能影响与建议上限:粒子约 10,000-50,000(配合实例化);后期处理通道最多 3-5 个;着色器 uniform 保持精简;音频 FFT 反应式 128-256、可视化 1024+。
- 部分路由器有依赖:shaders、particles、postfx 需要 r3f 提供 Three.js 上下文/场景;gsap 与 audio 可独立使用。
- 资料未提供安装命令、具体代码实现或收费信息,暂未提供。