# ComfyUI-ShadertoyGL 插件保姆级教程 ## 1. 插件简介 ComfyUI-ShadertoyGL 是一个专门为 ComfyUI 设计的特效插件，它的作用就像给你的图片添加各种炫酷的视觉特效。想象一下你在看科幻电影时那些闪闪发光、扭曲变形的特效，这个插件就能帮你制作出类似的效果。 **插件地址：** https://github.com/e7mac/ComfyUI-ShadertoyGL 这个插件能给我们带来什么呢？ - 制作各种炫酷的视觉特效，比如水波纹、火焰、闪电等 - 对图片进行复杂的颜色和形状变换 - 创建动态的、会动的特效画面 - 让普通的图片变得更加生动有趣 就像给你的图片加上了一层魔法滤镜，让它们变得更加绚丽多彩！ ## 2. 如何安装 安装这个插件很简单，就像安装手机应用一样： 1. 打开 ComfyUI Manager（就像手机的应用商店） 2. 在搜索框里输入 "ComfyUI-ShadertoyGL" 3. 找到后点击安装 4. 等待安装完成，重启 ComfyUI 或者你也可以手动安装： 1. 下载插件文件 2. 放到 ComfyUI 的 custom_nodes 文件夹里 3. 重启 ComfyUI ## 3. 节点详解 ### 3.1 Shadertoy 节点 - 特效制作大师 这个节点就像一个特效制作工厂，你可以在这里制作各种炫酷的视觉效果。它能让你的图片产生各种神奇的变化，比如让图片看起来像在水中摇摆，或者像被火焰包围。 #### 3.2 Shadertoy 节点参数详解 | 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 | | :--- | :--- | :--- | :--- | :--- | :--- | :--- | | 输入图片 | image | 图片文件 | 任意图片 | 这是你要加特效的原图片，就像给照片贴滤镜前的原照片 | 输入的图像数据，作为着色器处理的基础材料 | 连接一张你想要加特效的图片 | | 特效代码 | shader_code | 文本代码 | 预设代码 | 这是控制特效效果的"配方"，就像调制鸡尾酒的配方 | GLSL着色器代码，定义视觉效果的算法 | 可以使用预设的特效代码，或者自己写代码 | | 宽度 | width | 数字 | 512 | 输出图片的宽度，就像设置照片打印的宽度 | 输出图像的像素宽度 | 通常设置为512、1024等常见尺寸 | | 高度 | height | 数字 | 512 | 输出图片的高度，就像设置照片打印的高度 | 输出图像的像素高度 | 通常设置为512、1024等常见尺寸 | | 时间 | time | 小数 | 0.0 | 控制动画的时间进度，就像视频播放的时间轴 | 传递给着色器的时间参数，用于动画效果 | 设置为0.0是静态效果，其他值产生动画 | | 鼠标X | mouse_x | 小数 | 0.5 | 模拟鼠标在X方向的位置，影响特效的水平表现 | 鼠标位置的X坐标，归一化到0-1范围 | 0.5是中间位置，0是最左边，1是最右边 | | 鼠标Y | mouse_y | 小数 | 0.5 | 模拟鼠标在Y方向的位置，影响特效的垂直表现 | 鼠标位置的Y坐标，归一化到0-1范围 | 0.5是中间位置，0是最下面，1是最上面 | ### 3.3 Shader 节点 - 特效调色师 这个节点就像一个专业的调色师，它能对图片进行更精细的颜色和光影调整。如果说 Shadertoy 是制作特效的大师，那么 Shader 就是负责精修细节的专家。 #### 3.4 Shader 节点参数详解 | 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 | | :--- | :--- | :--- | :--- | :--- | :--- | :--- | | 输入图片 | image | 图片文件 | 任意图片 | 这是你要处理的原图片，就像美图秀秀里选择的照片 | 输入的图像数据，用于着色器处理 | 连接你想要调整的图片 | | 着色器代码 | shader_code | 文本代码 | 自定义代码 | 这是控制图片变化的"指令"，就像给电脑下达的命令 | GLSL着色器代码，定义图像处理算法 | 可以写代码来改变图片的颜色、亮度等 | | 宽度 | width | 数字 | 512 | 处理后图片的宽度，就像设置输出照片的宽度 | 输出图像的像素宽度 | 建议与输入图片保持一致 | | 高度 | height | 数字 | 512 | 处理后图片的高度，就像设置输出照片的高度 | 输出图像的像素高度 | 建议与输入图片保持一致 | | 参数1 | param1 | 小数 | 1.0 | 第一个调节参数，就像调节音量的旋钮 | 传递给着色器的第一个浮点参数 | 可以用来控制特效强度或其他属性 | | 参数2 | param2 | 小数 | 1.0 | 第二个调节参数，就像调节亮度的滑杆 | 传递给着色器的第二个浮点参数 | 可以用来控制另一个特效属性 | | 参数3 | param3 | 小数 | 1.0 | 第三个调节参数，就像调节对比度的控制器 | 传递给着色器的第三个浮点参数 | 可以用来控制第三个特效属性 | | 参数4 | param4 | 小数 | 1.0 | 第四个调节参数，就像调节饱和度的按钮 | 传递给着色器的第四个浮点参数 | 可以用来控制第四个特效属性 | ### 3.5 ColorChannelOffset 节点 - 颜色分离大师 这个节点就像一个颜色分离器，能够把图片的红、绿、蓝三种颜色分开处理，然后重新组合。就像把一幅彩色画分解成三张单色画，然后重新拼接，可以创造出很多有趣的效果，比如3D眼镜看到的那种红蓝分离效果。 #### 3.6 ColorChannelOffset 节点参数详解 | 参数名 (UI显示) | 参数名 (代码里) | 参数值 | 建议值 | 通俗解释 (能干嘛的) | 专业解释 | 怎么用/举个例子 | | :--- | :--- | :--- | :--- | :--- | :--- | :--- | | 输入图片 | image | 图片文件 | 任意图片 | 这是你要处理的原图片，就像拼图的原始图案 | 输入的图像数据，用于颜色通道分离处理 | 连接你想要做颜色分离效果的图片 | | 红色X偏移 | red_offset_x | 小数 | 0.0 | 红色部分在水平方向的移动距离，就像把红色图层左右移动 | 红色通道在X轴方向的像素偏移量 | 正值向右移，负值向左移，0不移动 | | 红色Y偏移 | red_offset_y | 小数 | 0.0 | 红色部分在垂直方向的移动距离，就像把红色图层上下移动 | 红色通道在Y轴方向的像素偏移量 | 正值向上移，负值向下移，0不移动 | | 绿色X偏移 | green_offset_x | 小数 | 0.0 | 绿色部分在水平方向的移动距离，就像把绿色图层左右移动 | 绿色通道在X轴方向的像素偏移量 | 正值向右移，负值向左移，0不移动 | | 绿色Y偏移 | green_offset_y | 小数 | 0.0 | 绿色部分在垂直方向的移动距离，就像把绿色图层上下移动 | 绿色通道在Y轴方向的像素偏移量 | 正值向上移，负值向下移，0不移动 | | 蓝色X偏移 | blue_offset_x | 小数 | 0.0 | 蓝色部分在水平方向的移动距离，就像把蓝色图层左右移动 | 蓝色通道在X轴方向的像素偏移量 | 正值向右移，负值向左移，0不移动 | | 蓝色Y偏移 | blue_offset_y | 小数 | 0.0 | 蓝色部分在垂直方向的移动距离，就像把蓝色图层上下移动 | 蓝色通道在Y轴方向的像素偏移量 | 正值向上移，负值向下移，0不移动 | ## 4. 使用技巧和建议 ### 4.1 新手入门建议 - 刚开始使用时，建议先用预设的特效代码，不要急着自己写代码 - 调整参数时要一点一点来，不要一次性改动太大 - 多尝试不同的时间值来看动画效果 ### 4.2 进阶技巧 - 可以把多个节点串联起来，创造更复杂的效果 - ColorChannelOffset 节点特别适合制作故障艺术风格的图片 - 结合其他 ComfyUI 节点可以创造出更丰富的效果 ### 4.3 常用效果组合 - **故障效果**：使用 ColorChannelOffset 节点，设置红色X偏移为5，蓝色X偏移为-5 - **动态波纹**：使用 Shadertoy 节点，调整时间参数来创造动画效果 - **颜色分离**：使用 ColorChannelOffset 节点，分别调整三种颜色的偏移值 ## 5. 常见问题解答 ### 5.1 为什么我的特效没有显示？ - 检查输入图片是否正确连接 - 确认代码是否有语法错误 - 尝试重新设置参数为默认值 ### 5.2 怎么让特效动起来？ - 在 Shadertoy 节点中调整时间参数 - 可以连接一个数字序列来自动改变时间值 ### 5.3 特效太强烈怎么办？ - 降低各种参数的数值 - 使用较小的偏移值 - 可以后期与原图混合来降低强度 ### 5.4 可以自己写特效代码吗？ - 可以，但需要学习 GLSL 语言 - 建议先从修改现有代码开始 - 网上有很多 Shadertoy 的代码示例可以参考 ## 6. 总结 ComfyUI-ShadertoyGL 插件就像给你的图片添加了一套魔法工具，通过三个核心节点： - **Shadertoy 节点**：制作各种炫酷特效 - **Shader 节点**：精细调整图片效果 - **ColorChannelOffset 节点**：创造颜色分离效果 掌握了这些工具，你就能创造出各种令人惊叹的视觉效果。记住，多实践多尝试，慢慢你就能成为特效制作的高手！
ComfyUI图像合并插件comfyui-merge使用教程 2025-07-03 22:44 ComfyUI 图像合并插件教程 (comfyui-merge) 1. 插件简介 这是一个专门用来合并图片的 ComfyUI 插件，就像用 PS 把多张图片叠在一起那样。它的特别之处在于你精确控制每张图片的混合方式。 GitHub 地址：https://github.com/LingSss9/com
%20(1).png)
