用途：为网页构建 3D 体验，在视觉冲击与性能之间取得平衡，并让未接触过 3D 应用的用户也能使用。
主要能力：Three.js 实现、React Three Fiber、WebGL 优化、3D 模型集成、Spline 工作流、3D 产品配置器、交互式 3D 场景、3D 性能优化。
技术选型：Spline 适合快速原型与设计师，学习曲线低、控制力中等；React Three Fiber 适合 React 应用与复杂场景，控制力高；Three.js 原生适合最大控制与非 React 项目；Babylon.js 适合游戏与重度 3D。决策顺序为：需要快速 3D 元素选 Spline；使用 React 选 React Three Fiber；需要最大性能与控制选 Three.js 原生。
模型管线：Web 标准格式为 GLB/GLTF，体积最小；FBX 来自 3D 软件但较大；OBJ 用于简单网格；USDZ 用于 Apple AR。优化流程为在 Blender 等建模、降低面数（Web 建议低于 100K）、烘焙贴图、导出 GLB、用 gltf-transform 压缩、测试文件大小（理想低于 5MB）。压缩命令：npm install -g @gltf-transform/cli，然后 gltf-transform optimize input.glb output.glb --compress draco --texture-compress webp。加载时可用 useProgress 显示进度，并用 Suspense 包裹模型。
滚动驱动 3D：可用 React Three Fiber 的 ScrollControls 与 useScroll，按滚动偏移旋转模型；也可用 GSAP 的 ScrollTrigger 驱动相机位置。常见效果包括相机穿越场景、模型随滚动旋转、元素显隐、颜色与材质变化、爆炸视图动画。
限制与反模式：避免为 3D 而 3D，应确认图片是否也能达成目的；避免仅面向桌面，需在真实移动设备测试、降低移动端质量、提供静态回退，并考虑在低端设备禁用 3D；避免缺少加载状态，应提供进度指示、占位内容，并在页面可交互后再加载 3D。
适用场景：产品可视化、产品配置器、交互式 3D 场景与滚动叙事页面。可与 scroll-experience、interactive-portfolio、frontend、landing-page-design 等技能配合。具体收费、价格与平台支持情况暂未提供。