SuperAPI AI 工具集

3d-graphics

通用与其它

查看项目

更新于 10-16 01:12

技能介绍

用途:该技能面向使用 Three.js 构建高性能 3D 网页应用,适用于 3D 场景、模型、动画与可视化,WebGL/WebGPU 渲染与图形编程,交互式 3D 体验(游戏、配置器、数据可视化),相机控制、灯光、材质与着色器,加载 GLTF/FBX/OBJ 等 3D 资产与纹理,后处理效果(泛光、景深、SSAO),以及物理模拟、VR/XR 与空间音频、性能优化(实例化、LOD、视锥剔除)。

主要能力:按渐进学习路径组织参考文档。Level 1 入门:场景搭建、基础几何体、材质、灯光、渲染循环。Level 2 常见任务:资产加载(GLTF、FBX、OBJ、纹理)、纹理类型与映射/包裹/过滤、透视与正交相机及控制、灯光类型与阴影、动画剪辑与混合器与关键帧、向量矩阵四元数与曲线数学。Level 3 交互与效果:射线拾取与变换、后处理通道(泛光、SSAO、SSR)、Orbit/变换/第一人称控制。Level 4 高级渲染:PBR 与自定义着色器、实例化/LOD/批处理/剔除、Node Materials(TSL)着色器图与计算。Level 5 专项:物理(Ammo、Rapier、Jolt)与 VR/XR、专用加载器(SVG、VRML 等)、WebGPU 后端与计算着色器。

使用方式:按需加载对应 references 文档,例如 references/01-getting-started.md 至 references/16-webgpu.md。快速上手模式为:创建 Scene、PerspectiveCamera 与 WebGLRenderer,设置尺寸并挂载 domElement;添加几何体与 MeshStandardMaterial 组成 Mesh;加入 DirectionalLight 与 AmbientLight;用 requestAnimationFrame 编写动画循环并调用 renderer.render(scene, camera)。

限制:资料未提供具体安装命令、版本要求、收费或价格信息,暂未提供;实际能力取决于 Three.js 与相关库的可用性。