Unity Shader实现2D水流效果

水流的模拟主要运用了顶点变换和纹理动画的结合；

顶点变换中，利用正弦函数模拟河流的大致形态，例如波长，振幅等。

纹理动画中，将纹理坐标朝某一方向持续滚动以形成流动的效果。

脚本如下：

Shader "MyUnlit/ScrollWater"
{
 Properties
 {
  _MainTex ("Texture", 2D) = "white" {}
  _Color("Color Tint",color)=(1,1,1,1)
  //控制水流波动的幅度，也就是三角函数中的振幅（值域范围）
  _Magnitude("Distortion Magnitude",float)=0.3
  //控制周期的长度，值越大，周期越短，频率越高
  _InvWaveLength("Distortion Inserve Wave Length",float)=1
  //流动速度，用于纹理变换
  _Speed("Speed",float)=0.1
 }
 SubShader
 {
  //顶点动画需要禁用合P处理
  Tags {"Queue"="Transparent" "RenderType"="Transparent" "IgnoreProjector"="true" "DisableBatching"="True"}

  Pass
  {
   //透明度混合：关闭深度写入+设置混合状态+禁用剔除（双面渲染）
   Tags{"lightmode"="forwardbase"}
   ZWrite off
   Blend SrcAlpha OneMinusSrcAlpha
   Cull off

   CGPROGRAM
   #pragma vertex vert
   #pragma fragment frag
   #pragma multi_compile_fog

   #include "UnityCG.cginc"
   struct appdata
   {
    float4 vertex : POSITION;
    float2 uv : TEXCOORD0;
   };

   struct v2f
   {
    float2 uv : TEXCOORD0;
    UNITY_FOG_COORDS(1)
    float4 vertex : SV_POSITION;
   };

   sampler2D _MainTex;
   float4 _MainTex_ST;
   fixed4 _Color;
   float _Magnitude;
   float _InvWaveLength;
   float _Speed;

   v2f vert (appdata v)
   {
    v2f o;
    float4 offset;
    //这里的方向可以自己选择，这里选择偏移x方向，其他方向的偏移保持不变
    offset.yzw = float3(0, 0, 0);
    //利用正弦函数模拟河流整体的形状，最后乘以振幅
    offset.x = sin((v.vertex.x + v.vertex.y + v.vertex.z)*_InvWaveLength)*_Magnitude;
    o.vertex = UnityObjectToClipPos(v.vertex+offset);
    //对uv进行某一方向的滚动以模拟水流，这里选择v向
    o.uv = TRANSFORM_TEX(v.uv, _MainTex);
    o.uv += float2(0.0, _Time.y*_Speed);

    UNITY_TRANSFER_FOG(o,o.vertex);
    return o;
   }

   fixed4 frag (v2f i) : SV_Target
   {
    fixed4 col = tex2D(_MainTex, i.uv);
    col.rgb *= _Color.rgb;
    UNITY_APPLY_FOG(i.fogCoord, col);
    return col;
   }
   ENDCG
  }
 }
 FallBack "Transparent/VertexLit"
}

P.S.需要把纹理的导入设置改为Repeat(重复)

效果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Unity Shader实现水墨效果

    Unity Shader学习:水墨效果 偶然在网上看到9级铁甲蛹大神的水墨风格后处理觉得挺有意思,参照着实现一下,还是涉及到之前油画效果的算法,叫什么滤波暂时不清楚,应该用来处理手绘效果挺多的. 水墨风格基本原理:高斯模糊原始图像,用深度算出边缘进行描边,最后用画笔效果的滤波完成最终图像. 有需要可以用Post Proces改变颜色范围,更接近水墨的颜色. C#部分: //屏幕后处理基类 using UnityEngine; using System.Collections; //非运行时也触发

  • Unity Shader实现水波纹效果

    本文实例为大家分享了Unity Shader实现水波纹的具体代码,供大家参考,具体内容如下 效果: Shader代码: Shader "Custom/shuibowen"{ Properties{ _MainTex("Base (RGB)",2D)="white"{} _distanceFactor("Distancefactor",float)=1 _timeFactor("time factor",fl

  • unity实现透明水波纹扭曲

    本文实例为大家分享了unity实现透明水波纹扭曲的具体代码,供大家参考,具体内容如下 需要挂一个摄像机把脚本挂在一个物体上 可随意在物体上面点击 shader: Shader "Unlit/Water" { Properties { _MainTex ("Texture", 2D) = "white" {} _WaterUV("WaterUV",2D)="while"{} _WaterIntensity(&

  • Unity Shader实现2D水流效果

    水流的模拟主要运用了顶点变换和纹理动画的结合: 顶点变换中,利用正弦函数模拟河流的大致形态,例如波长,振幅等. 纹理动画中,将纹理坐标朝某一方向持续滚动以形成流动的效果. 脚本如下: Shader "MyUnlit/ScrollWater" { Properties { _MainTex ("Texture", 2D) = "white" {} _Color("Color Tint",color)=(1,1,1,1) //控制

  • Unity Shader实现描边OutLine效果

    Unity Shader实现描边OutLine效果

    本文实例为大家分享了Unity Shader实现描边OutLine效果的具体代码,供大家参考,具体内容如下 Shader实现描边流程大致为:对模型进行2遍(2个pass)绘制,第一遍(描边pass)在vertex shader中对模型沿顶点法线方向放大,fragment shader设置输出颜色为描边颜色:第二遍正常绘制模型,除被放大的部分外,其余被覆盖,这样就有了描边的效果. 实现代码如下: Shader "Custom/OutlineShader" { Properties { _

  • Unity Shader实现2D游戏迷雾

    本文实例为大家分享了Unity Shader实现2D游戏迷雾的具体代码,供大家参考,具体内容如下 先看效果吧. 我使用的是屏幕后处理效果,首先先去Photoshop做一张图片如下,用画笔点一个点就可以了,使用它来对摄像机截取的图片进行处理. 在摄像机上添加脚本文件 using System.Collections; using System.Collections.Generic; using UnityEngine; public class TestScript : MonoBehaviou

  • Unity Shader实现黑幕过场效果

    Unity Shader实现黑幕过场效果

    本文实例为大家分享了Unity Shader实现黑幕过场效果的具体代码,供大家参考,具体内容如下 一.效果演示 二.实现 Shader:黑幕过场着色器 //黑幕过场着色器 Shader "Custom/BlackScreenSpread" { Properties { _Color("Main Color", Color) = (1,1,1,1) _MainTex("Base (RGB)", 2D) = "white" {}

  • Unity Shader实现序列帧动画效果

    本文实例为大家分享了Unity Shader序列帧动画效果的具体代码,供大家参考,具体内容如下   实现原理 主要的思想是设置显示UV纹理的大小,并逐帧修改图片的UV坐标.(可分为以下四步) 1.我们首先把 _Time.y 和速度属性_Speed 相乘来得到模拟的时间,并使用CG 的floor 函数对结果值取整来得到整数时间time 2.然后,我们使用time 除以_HorizontalAmount 的结果值的商来作为当前对应的行索引,除法结果的余数则是列索引. 3.接下来,我们需要使用行列索引

  • Unity Shader实现翻书效果

    Unity Shader实现翻书效果

    今天实现一个简单的翻书的效果,话不多说,先上一张效果图: 这里就随便用的一张纹理了,我们还是称为"翻木板"吧,哈哈. 实现过程: 其实这个效果实现起来还是挺简单的,大概思路其实就是 让所有顶点都绕Z轴旋转,并且通过正余弦使之带有一点弧度. 下面开始让我们一步一步的实现该效果. 首先打开Unity新建一个工程,场景,并且创建一个名为openBookEffect的Shader文件,删掉原本多余的代码. 第一步,我们先让它绕z轴旋转起来 这里就要用到一个旋转矩阵了,让顶点左乘该矩阵,就能得到

  • Unity Shader实现动态雾效果

    Unity Shader学习:动态雾,供大家参考,具体内容如下 先将相机近裁面四个角向量传给shader,再通过观察空间下的深度值和相机位置算出像素在世界坐标系的位置,通过世界空间高度值来设定雾的范围和浓度,然后通过噪声和uv偏移实现扰动效果.得到了类似寂静岭或恶灵附身1的效果. C#部分: using System.Collections; using System.Collections.Generic; using UnityEngine; [ExecuteInEditMode] publ

  • unity shader实现玻璃折射效果

    本文实例为大家分享了unity shader实现玻璃折射的具体代码,供大家参考,具体内容如下 Shader "Unlit/render_reflect" { Properties { _MainTex ("Texture", 2D) = "white" {} } SubShader { Tags {"Queue" = "Transparent" "RenderType"="Op

  • Unity Shader实现玻璃材质效果

    Unity Shader学习:玻璃材质,供大家参考. 主要是通过反射和折射来达到透明的效果,用菲涅尔来混叠. shader部分: Shader "Unlit/Crystal" { Properties { _Cube("Skybox",Cube)=""{} //折射角度 _EtaRatio("EtaRatio", Range(0, 1)) = 0 //菲涅尔系数 _FresnelBias("FresnelBias&q

随机推荐