FlowMap简单应用

1.让纹理动起来

我们应用一张水的纹理在面片上，假设这是水流，但水流应该是会动的，我们可以手动修改matetial的offset来让纹理“流动”。

要想在playmode中让纹理自动“流动”，我们可以加入时间变量来扰动UV：

1  float4 frag (v2f i) : SV_Target
2  {
3       //获取unity内置时间变量
4        float offset=_Time.x;
5        //控制x y两个方向的移动
6        float4 finalCol=tex2D(_MainTex,i.uv+float2(offset,offset)*_FlowSpeed);
7 
8        return finalCol;
9  }

这样“河流”就自己“流动”起来了。

但是这样横平竖直地流动有点单调了，这时候我们引用flowmap来丰富效果。

flowmap如下所示：

乍眼一看我们无法理解flowmap到底是什么，有什么作用。实际上flowmap是用纹理的RG两个通道的记录该处向量场的方向，让纹理上某一点出现定向流动的效果。简单理解，flowmap给上面水纹理指出：你接下来要“流动”的方向。我们将flowmap采样的结果放到原uv上进行扰动便有了向不同方向流动的结果。

我们还缺少点东西。如果我们在DCC工具上做了一张flowmap是0~255，到了shader里面计算会normalized成0~1，实际上我们向量表示范围应该是-1到1之间，因此我们需要把flowmap采样结果从0~1映射到-1~1：

 1 float4 frag (v2f i) : SV_Target
 2   {
 3 
 4             //获取unity内置时间变量
 5             float offset = _Time.x;
 6             float2 flowmap = tex2D(_FlowpMap,i.uv).xy;
 7             flowmap=flowmap * 2 - 1 ;
 8             //控制x y两个方向的移动
 9             float4 finalCol = tex2D(_MainTex,i.uv + flowmap * _FlowSpeed * float2(0,offset);
10 
11             return finalCol;
12  }