SuperAPI AI 工具集

threejs

通用与其它

查看项目

更新于 10-16 09:54

技能介绍

用途:该技能是 Three.js(浏览器端 WebGL / WebGPU 3D 图形库)的 API 参考资料,供构建 3D 场景、加载模型、制作动画、编写着色器时查阅。

主要能力:references 目录按主题组织文档,涵盖 getting-started(安装、创建场景、WebGL 兼容检查、绘制线、创建文字、加载 3D 模型、库与插件、FAQ)、core(BufferGeometry、BufferAttribute、Object3D、Raycaster、Clock、Uniform 等)、scenes、cameras(PerspectiveCamera、OrthographicCamera、CubeCamera 等)、geometries(Box、Sphere、Extrude、Lathe 等内置几何体)、materials(MeshStandardMaterial、MeshPhysicalMaterial、ShaderMaterial、node-materials 等)、lights(Directional、Point、Spot、Ambient、LightProbe、阴影等)、helpers、objects(Mesh、Group、InstancedMesh、SkinnedMesh 等)、textures、loaders(TextureLoader、LoadingManager 等)、loaders-addons(GLTFLoader、DRACOLoader、FBXLoader、KTX2Loader 等)、animation(AnimationMixer、AnimationClip、KeyframeTrack)、math、renderers(WebGLRenderer、WebGPURenderer、WebXRManager、PostProcessing、Info)、controls(OrbitControls、TransformControls 等)、extras(Curve、Shape、Path 等)、nodes(TSL、Node、ComputeNode、StorageBufferNode 等)。

使用方式:先由任务在映射表中找到对应类别,读取该类别 references/{category}/README.md 定位具体页面,再读取目标 .md 文件获取细节。samples 目录提供典型场景示例(基础场景、加载 glTF、AnimationMixer 动画、自定义 BufferGeometry、PBR 材质、Raycaster 交互、InstancedMesh、后期处理),scripts 目录提供安装、Vite 设置、import、开发服务器、版本、Draco 相关内容。

适用场景:需要查询 Three.js 具体类与 API 用法、搭建渲染管线、加载与压缩 3D 资产、实现骨骼动画、编写 GLSL 或 TSL 着色器、接入 WebXR 或后期处理时使用。

限制:资料为参考文档,未说明独立安装命令、收费或授权信息,安装与版本相关细节需查看 scripts/install.md、version.md 等页面;具体 API 行为以各页面文档为准。