网站建设资讯

NEWS

网站建设资讯

UnityShader实现2D水流效果的方法

这篇文章主要讲解了Unity Shader实现2D水流效果的方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

成都创新互联公司长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为大箐山企业提供专业的成都网站建设、成都做网站,大箐山网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。

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

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

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

脚本如下:

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(重复)

效果如下:

Unity Shader实现2D水流效果的方法

看完上述内容,是不是对Unity Shader实现2D水流效果的方法有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。


新闻名称:UnityShader实现2D水流效果的方法
文章链接:http://cdweb.net/article/joedip.html