用途：该技能面向使用 Three.js 和 React Three Fiber（R3F）构建 3D 网页体验，覆盖场景搭建、角色系统、NPC、程序化生成、动画重定向、物理与交互玩法。触发场景包括创建 Three.js 场景、搭建 R3F 应用、生成 WebGL 可视化、添加 3D 角色或头像系统、创建 NPC AI 与游戏角色、程序化 3D 生成、动画重定向（如 Mixamo 到 Three.js）、角色控制器与物理、Ready Player Me 集成，以及用 Three.js 制作 3D 游戏。
主要能力：提供从基础到进阶的代码参考，包括用 npm install three 与 npm install --save-dev @types/three 安装；场景管理器（场景、相机、渲染器、OrbitControls、灯光、窗口自适应与销毁）；PBR、玻璃、发光与卡通等材质库；地面、天空盒与粒子等几何辅助；基于 AnimationMixer 的动画播放与淡入淡出控制；用 GLTFLoader 与 DRACOLoader 加载模型及贴图；EffectComposer 加 Bloom 与 SSAO 的后处理；以及几何优化、LOD、InstancedMesh 与视锥剔除等性能优化手段。R3F 部分建议安装 three @react-three/fiber，并可选用 @react-three/drei、@react-three/postprocessing、postprocessing。
使用方式与限制：资料仅给出代码与安装命令层面的说明，未提供技能的安装、调用或配置方式，暂未提供；未说明平台、收费、价格或实际效果。示例代码包含 window、document 等浏览器 API，未提及服务端渲染或移动端适配的具体结论，需按实际环境验证。