SuperAPI AI 工具集

threejs-materials-v2

办公与效率

查看项目

更新于 10-15 21:10

技能介绍

用途:该技能面向 Three.js 材质相关任务,帮助在网格样式、纹理处理、自定义着色器与材质性能优化等场景中选择和配置合适的材质类型。

主要能力:提供材质类型总览,包括 MeshBasicMaterial(无光照、纯色、线框)、MeshLambertMaterial(漫反射、性能优先)、MeshPhongMaterial(高光、类塑料表面)、MeshStandardMaterial(PBR、真实感)、MeshPhysicalMaterial(高级 PBR,支持清漆、透射)、MeshToonMaterial(卡通描边)、MeshNormalMaterial(法线调试)、MeshDepthMaterial(深度可视化)、ShaderMaterial 与 RawShaderMaterial(自定义 GLSL)。同时覆盖纹理贴图、环境贴图、自发光、位移、法线、粗糙度、金属度等属性配置。

使用方式:以 PBR 为例,可用 new THREE.MeshStandardMaterial({ color: 0x00ff00, roughness: 0.5, metalness: 0.5 }) 创建材质并赋给网格。玻璃可用 MeshPhysicalMaterial 设置 transmission、thickness、ior;车漆可设置 clearcoat 与 clearcoatRoughness。使用 aoMap 时需提供第二套 UV:geometry.setAttribute("uv2", geometry.attributes.uv)。虚线需调用 line.computeLineDistances()。

适用场景:需要真实感渲染、卡通渲染、点云、线条、自定义着色器或材质性能调优的 Three.js 项目。

限制:资料未提供具体收费、价格、平台支持范围与性能基准数据;部分属性(如 linewidth 大于 1)仅在部分系统生效;着色器版本差异需注意 texture2D 与 texture 的用法区别。