Unity：水墨风格 Shader 进阶优化与动态扩散效果

最新推荐文章于 2026-04-21 09:58:01 发布

原创

最新推荐文章于 2026-04-21 09:58:01 发布 · 1k 阅读

标签

#Unity #Shader #水墨风格 #图形渲染

1. 从基础到进阶：你的水墨 Shader 为什么不够“有味道”？

很多朋友在 Unity 里照着教程实现了一个基础的水墨 Shader 后，常常会感觉效果有点“干巴巴”的。就像你照着菜谱炒了个菜，步骤都对，但就是少了点“锅气”。我之前做的第一个水墨效果也是这样，虽然能用，但总感觉是贴了一层灰色的、有噪点的滤镜，离那种在宣纸上自然晕染开来的灵动感差得很远。

问题出在哪里呢？我们来回看一下那个经典的基础实现。它的核心逻辑是在片元着色器里，用 UV 坐标和时间生成一个伪随机噪声，然后用这个噪声去混合原始颜色和黑色。这个方法确实简单直接，能快速得到一个有水墨笔触感的基底。但它的“假”也很明显：第一，噪声是均匀的、重复的，看起来像印刷品而不是手绘；第二，边缘生硬，缺乏真实的墨水在纸上扩散时那种由浓到淡、边缘毛茸茸的过渡；第三，它是静态或简单周期性变化的，缺乏那种一笔下去，墨迹随着时间自然洇开的动态生命力。

所以，进阶优化的目标非常明确：打破均匀噪声的“数码感”，模拟出宣纸的纤维特性和墨水的物理扩散。我们不再满足于一个“效果”，而是要追求一种“质感”。这需要我们从三个层面入手：首先是动态噪声的升级，用更自然、可控的噪声源来驱动效果；其次是边缘模糊算法的精雕细琢，这是水墨韵味的关键；最后是性能的保驾护航，让这些好看的效果能在真机上流畅跑起来。下面，我就把自己踩过坑、验证过的方法，一步步分享给你。

2. 动态噪声生成：告别“电视雪花”，拥抱自然晕染

基础 Shader 里用 sin 和 frac 生成的噪声，我们戏称为“电视雪花噪声”。它成本极低，但艺术价值也低。要让水墨活起来，我们得引入更高级的噪声。

2.1 使用可平铺的梯度噪声（Gradient Noise）

Perlin 噪声或 Simplex 噪声是更自然的选择。Unity 的 Shader Graph 内置了 Gradient Noise 节点，但如果我们手写 HLSL，可以引入一个经典的 Perlin 噪声函数。不过，为了性能和控制力，我更喜欢用 可平铺的 Value 噪声 作为起点。它的原理是在整数格点上生成随机值，然后在格点之间进行平滑插值。这里有一个我调整过多次的、非常适合水墨效果的实现：

// 一个简单的可平铺伪随机函数
float2 hash(float2 p) {
    p = float2(dot(p, float2(127.1, 311.7)),
               dot(p, float2(269.5, 183.3)));
    return -1.0 + 2.0 * frac(sin(p) * 43758.5453123);
}

// 基于 Value 噪声的可平铺噪声
float tilingNoise(float2 uv, float scale) {
    uv *= scale;
    float2 i = floor(uv);
    float2 f = frac(uv);

    // 五次埃尔米特插值曲线，让过渡更平滑
    float2 u = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);

    // 四个角点的随机值
    float a = dot(hash(i + float2(0,0)), f - float2(0,0));
    float b = dot(hash(i + float2(1,0)), f - float2(1,0));
    float c = dot(hash(i + float2(0,1)), f - float2(0,1));
    float d = dot(hash(i + float2(1,1)), f - float2(1,1));

    // 双线性插值
    return lerp(lerp(a, b, u.x), lerp(c, d, u.x), u.y);
}

这个函数生成的噪声，纹理细节更丰富，过渡更平滑，没有明显的网格感。通过调整 scale 参数，你可以控制墨迹纹理的粗细，模拟不同浓度的墨或不同质地的纸张。