用途：为网页构建 3D 体验，在视觉冲击与性能之间取得平衡，并让未接触过 3D 应用的用户也能使用。
主要能力：Three.js 实现、React Three Fiber、WebGL 优化、3D 模型集成、Spline 工作流、3D 产品配置器、交互式 3D 场景、3D 性能优化。
技术选型：Spline 适合快速原型与设计师，学习曲线低；React Three Fiber 适合 React 应用与复杂场景；Three.js 原生适合最大控制权与非 React 项目；Babylon.js 适合游戏与重度 3D。
模型管线：Web 标准格式为 GLB/GLTF，体积最小；建议将多边形数控制在 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 处理加载态；滚动驱动可用 ScrollControls + useScroll 或 GSAP ScrollTrigger 实现相机移动、模型旋转、元素显隐、材质变化与爆炸视图动画。
限制与反模式：避免为 3D 而 3D，先问图片是否够用；避免仅桌面端 3D，需在真机测试、移动端降质并提供静态回退；避免缺少加载状态，应提供进度指示与占位。
相关技能：scroll-experience、interactive-portfolio、frontend、landing-page-design。具体收费、平台与效果资料暂未提供。