用途:该技能用于从零编排完整 Three.js 场景或按需求创建 3D 可视化。它是场景搭建的入口指南,先依据用例给出对应的场景配方(产品查看/配置器、建筑漫游、游戏关卡、数据可视化、作品集主视觉、CAD/BIM/IFC 查看器、AR/XR 等)。
主要能力:提供多组决策树,覆盖 R3F 与命令式选择、灯光策略与强度与灯光数量预算、材质选择、相机选择、控制器选择、环境设置、后期处理管线顺序。还包含场景搭建清单(渲染器、场景、相机、灯光、环境、内容、控制器、阴影、后期、resize、动画循环、销毁)以及性能速查(InstancedMesh、LOD、纹理压缩 KTX2/Basis、几何合并、frameloop="demand"、烘焙光照等)。
使用方式:接到创建 3D 场景或可视化请求时先查阅本技能,按用例走决策树,再参照相关子技能(如 threejs-impl-r3f、threejs-core-scene-graph、threejs-syntax-materials、threejs-impl-postprocessing 等)落地实现。文中给出必要的 API 与命令式写法,例如 R3F 后期处理导入 import { EffectComposer, Bloom, SSAO } from '@react-three/postprocessing',以及环境贴图需经 PMREMGenerator 预处理。
适用场景:产品查看器、建筑漫游、游戏关卡、数据图表、作品集页面、CAD/BIM/IFC 查看、AR/XR 等。
限制:资料未提供该技能的授权、收费、价格或平台信息;性能与灯光预算为通用建议,实际需按项目规模调整。不得在移动端对 PointLight 使用阴影,near 不可为 0,后期处理别遗漏 OutputPass,组件销毁时需 dispose 几何体、材质与纹理。