[游戏开发] Unity Shader入门精要学习笔记——15章 15.2 水波效果(二拓展) flowmap实现

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 游戏开发 -> Unity Shader入门精要学习笔记——15章 15.2 水波效果(二拓展) flowmap实现 -> 正文阅读

[游戏开发]Unity Shader入门精要学习笔记——15章 15.2 水波效果(二拓展) flowmap实现

flowmap

实际上是一张表达向量场的纹理，每个纹素用r，g存储了一个2D向量。
请添加图片描述

flowmap制作

Flowmap Painter

无缝循环流动

用相位差半个周期的两层采样，进行加权混合。使一个周期结束时，另一个已经覆盖了。

采样周期phase0的函数图像:

 float phase0 = frac(_Time.y + 0.5) ;

x = _Time.y ???????? y = phase0
请添加图片描述

加权函数的图像：

 float flowLerp = (abs(phase0 - 0.5)) * 2;

x = phase0???????? y = flowLerp

请添加图片描述

完整片元代码

 fixed4 frag (v2f i) : SV_Target
 {

     float3 flowDir = tex2D(_FlowMap, i.uv) * 2.0f - 1.0f;

     float phase0 = frac(_Time.y + 0.5) ;
     float phase1 = frac(_Time.y) ;

     float4 color0 = tex2D(_MainTex, i.uv + phase0 * flowDir.xy) ;
     float4 color1 = tex2D(_MainTex, i.uv + phase1 * flowDir.xy);

     float flowLerp = (abs(phase0 - 0.5)) * 2;
     float4 finalCol = lerp(color0, color1, flowLerp);

     return finalCol;
 }