SR-ShaderLab
切换工具 ▾
使用指南
1
选择图片 — 点击「更换图片」上传你的素材，或使用演示图案
2
选择特效 — 在顶部工具栏切换 10 种预设特效类型
3
描绘蒙版 — 点击「进入钢笔编辑」在图片上圈画特效范围
4
调节参数 — 选中路径后在右侧面板微调特效参数
5
导出成果 — 导出生成着色器代码 / 蒙版 / 网页代码
💡 提示：滚轮缩放视图，拖拽空白处平移画面
💡 提示：CtrI+Z / Ctrl+Y 撤销 / 重做钢笔路径
💡 提示：部分特效在画布上有可拖拽手柄（见下表）
🎨 特效一览
• 流光溢彩 — 沿角度扫掠的流光条纹
• 溶解消散 — 从中心向外扩散的火焰溶解，支持往复循环 / 单次消散 / 单次聚拢 三种播放模式
• 丁达尔光 — 放射状光束，可拖拽光源点
• 发光粒子 — 沿方向飘动的发光粒子
• 波光扩散 — 从震源向外辐射的脉冲光环，可拖拽震源
• 丝带扭曲 — 沿线段传播的波形扭曲，两端可拖拽
• 水波纹 — 带空间扭曲和滤色混合的水波，可拖拽震源
• 全息霓虹 — 镭射质感的彩虹光泽，带菲涅尔边缘增强和微闪
• 故障毛刺 — RGB 通道错位 + 扫描线 + 块状撕裂
• 闪电充能 — 两点间闪烁的电弧 + 能量核心，起点/终点可拖拽
正在加载编辑器...
编译成功
编译器输出控制台
着色器编译成功，无错误。
蒙版管理器
蒙版预览
蒙版参数
点击「进入钢笔编辑」开始在图片上描绘特效范围