用途:该技能用于使用 Three.js 这一跨浏览器 WebGL/WebGPU 库构建高性能 3D 网页应用,适用于 3D 场景、模型、动画与可视化,WebGL/WebGPU 渲染与图形编程,交互式 3D 体验(游戏、配置器、数据可视化),相机控制、灯光、材质与着色器,加载 GLTF/FBX/OBJ 等 3D 资源与纹理,后期处理(泛光、景深、SSAO),物理模拟、VR/XR 与空间音频,以及性能优化(实例化、LOD、视锥剔除)。
主要能力:按渐进学习路径组织参考文档。入门级涵盖场景搭建、基础几何体、材质、灯光与渲染循环;常见任务涵盖资源加载(GLTF、FBX、OBJ、纹理)、纹理类型与映射、透视与正交相机及控制、灯光与阴影、动画剪辑与混合器、向量矩阵四元数等数学;交互与效果涵盖射线拾取、变换、后期处理通道(泛光、SSAO、SSR)与 Orbit/变换/第一人称控制;高级渲染涵盖 PBR 与自定义着色器、实例化/LOD/批处理/剔除等性能优化、Node Materials(TSL)着色器图与计算;专项涵盖 Ammo/Rapier/Jolt 物理与 VR/XR、SVG/VRML 等专用加载器、WebGPU 后端与计算着色器。
使用方式:按需加载对应参考文档,例如 references/01-getting-started.md 入门,02-loaders.md 资源加载,09-postprocessing.md 后期处理,12-performance.md 性能,16-webgpu.md WebGPU。快速开始模式为:创建 Scene、PerspectiveCamera 与 WebGLRenderer 并挂载到页面,添加几何体与材质构成 Mesh,加入方向光与环境光,最后用 requestAnimationFrame 编写动画循环并调用 renderer.render(scene, camera)。
限制:资料未提供具体安装命令、版本要求、收费或价格信息,暂未提供;实际能力以 Three.js 官方文档与示例为准。