Three.js中的MaterialEditor是运行在浏览器里的调试工具，用于实时编辑ShaderMaterial或MeshStandardMaterial的参数（如颜色、粗糙度、金属度），通过动态更新material.uniforms.xxx.value实现，不重编译着色器，需手动初始化并配合EffectComposer使用。
Composer 本身没有“材质编辑器”这个内置模块——你看到的名称，大概率是混淆了不同工具链：SOLIDWORKS Composer 是工业 3D 可视化软件，Three.js 生态里有 MaterialEditor，而 PHP 的 composer 命令连 GUI 都不启动，更不可能打开材质面板。
Three.js 中的 MaterialEditor 是什么
这是个运行在浏览器里的调试工具，用于实时编辑 ShaderMaterial 或 MeshStandardMaterial 的参数，比如颜色、粗糙度、金属度、贴图通道等。它不生成代码，只改运行时 uniform 值。
- 必须手动初始化：
MaterialEditor(scene, renderer, { camera })，且仅对已添加到scene的网格生效 - 编辑器里拖动滑块，实际是在动态更新
material.uniforms.xxx.value，不是重编译着色器 - 若材质用了
onBeforeCompile注入自定义 GLSL，编辑器无法修改顶点/片元逻辑，只能调参 - React 项目中需配合
useEditorComposer接入EffectComposer，否则后期效果（如 Bloom）不会响应编辑
“自定义复杂着色器”在 Composer Suite 里怎么搞
这里指的不是 Pixel-Composer 或 SOLIDWORKS Composer，而是 @hmans/shader-composer 这个 Three.js 扩展库——它用 JS 函数组合代替手写 GLSL，适合快速搭效果，但仍有硬性约束：
工作流任务拆解与模型编排技能。使用场景：(1) 收到复杂工作任务需要拆解为可执行步骤，(2) 需要为不同步骤选择最合适的模型，(3) 需要跟踪工作流进度和模型使用情况，(4) 长时间任务卡住需要问题诊断和解决方案。
-
ShaderComposer不支持分支逻辑（if/for），所有计算必须是纯函数式表达式 - 时间变量必须显式声明：
uniforms: ShaderComposer.createUniforms({ time })，否则time不会自动注入 - 想加纹理采样？得手动传
textureuniform，并在 fragment shader 中用sample2D调用，ShaderComposer不自动绑定 sampler2D - 输出必须是
vec4，且 alpha 不能为 0（否则会被 Three.js 当作透明丢弃），调试时建议先写return vec4(1.0)确认管线通路
为什么你在 Pixel-Composer 里找不到材质编辑器
因为 Pixel-Composer 是像素艺术节点编辑器，压根没有“材质”概念。它的颜色控制全靠滤镜节点，比如：
-
Colorize：覆盖色调，但只影响当前帧输出，不修改原始 Sprite 数据 -
HSL Adjust：偏移色相/饱和度/亮度，参数范围是 -1.0 ~ +1.0，超限会导致色环翻转（比如 H=1.1 → H=0.1） -
Palette Swap：仅在启用Indexed Color Mode后生效，且替换映射只作用于下游节点，上游 Sprite 的调色板文件（.pal）必须提前导入 - 所有这些节点都不支持 UV 坐标或法线输入——所以别试图用它模拟 PBR 材质，那是 render-composer 或 Three.js 的事
真正容易被忽略的是：无论用哪个“Composer”，只要涉及颜色或着色器，最终都受限于 WebGL 渲染上下文。比如 macOS Retina 屏下 Colorize 插值偏移、Three.js 中 ShaderMaterial 未设 transparent: true 导致 alpha 混合失效、SOLIDWORKS Composer 导出 MP4 时背景渐变塌陷——这些都不是配置问题，是底层渲染管线的固有边界。
