用Shader Graph的Flipbook节点实现水花效果

一个有趣的教程

昨天看了一个老外的视频教程：Rain Drop Ripples，教程用 Shader Graph 实现了游戏中常见的下雨天地面的水花效果。

视频中水花动画的实现和我们游戏的实现方式有所不同，他通过 Shader Graph 的 Flipbook 节点实现了水花的 序列图 动画：

上图中的 Flipbook 节点对应的代码如下：

float2 _Flipbook_Invert = float2(FlipX, FlipY);

void Unity_Flipbook_float(float2 UV, float Width, float Height, float Tile, float2 Invert, out float2 Out)
{
    Tile = fmod(Tile, Width * Height);
    float2 tileCount = float2(1.0, 1.0) / float2(Width, Height);
    float tileY = abs(Invert.y * Height - (floor(Tile * tileCount.x) + Invert.y * 1));
    float tileX = abs(Inver