01 功能说明
GLSL 材质结构、uniform、varying、程序化效果、钩子和调试。
Three.js Shaders 解释了 JavaScript 参数与 GPU 着色之间的联系。uniform 提供共享值，attribute 描述几何体，varying 在着色器阶段之间传递信息。它还区分了 ShaderMaterial 与更为显式的 RawShaderMaterial。
示例包括渐变、位移、边缘光、噪声和溶解处理，以及扩展内置材质的钩子。坐标空间、着色器代码块和 GLSL 版本都是影响结果的重要细节。这些内容旨在指导经过检查的着色器工作，并不保证复制的示例已经过生产环境测试。
预期交付成果
判断更改应作用于顶点、表面着色还是屏幕空间通道。
使用自定义着色器，或通过针对性扩展保留内置着色行为。
在调整最终外观之前，检查声明、空间、输入和编译结果。
02 适用场景
需要一个可运行的 Three.js 项目和渲染器；请根据已安装的版本核对源代码示例。其他控件和加载器取决于所选实现路径。
03 关键决策
uniform 契约将界面控件与 GPU 输出连接起来。
UV、法线和蒙版视图可以在进行视觉润色前揭示错误输入。
04 示例任务
下面的示例任务说明尚未经过测试。使用前请检查该技能的设置。
使用相关的 threejs-skills 目录作为智能体指南。它并非 Three.js 运行时，也不会安装场景资源。
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-shaders/SKILL.md需要一个可运行的 Three.js 项目和渲染器；请根据已安装的版本核对源代码示例。其他控件和加载器取决于所选实现路径。
运行该技能前，请调整此任务说明中的范围、源材料和约束条件。
使用 threejs-shaders 在此网格上制作一个可控的溶解效果原型。说明进度、噪声、边缘处理和深度行为。先展示诊断蒙版，再展示最终效果，并根据我们的 Three.js 配置验证着色器语法。依据这些可观察的标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页描述的是下方所链接的固定源代码修订版本。上游行为和要求可能会发生变化。
b1c623076c66GLSL 材质结构、uniform、varying、程序化效果、钩子和调试。
由 OpenDesign 根据所链接源代码编写的原创摘要。仓库 Star 数只是带有时效性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/CloudAI-X/threejs-skills/blob/b1c623076c661fc9b03dac19292e825a5d106823/skills/threejs-shaders/SKILL.md