溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Unity Shader實(shí)現(xiàn)2D水流效果的方法

發(fā)布時(shí)間:2020-07-29 09:34:34 來(lái)源:億速云 閱讀:774 作者:小豬 欄目:編程語(yǔ)言

這篇文章主要講解了Unity Shader實(shí)現(xiàn)2D水流效果的方法,內(nèi)容清晰明了,對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會(huì)有幫助。

水流的模擬主要運(yùn)用了頂點(diǎn)變換和紋理動(dòng)畫(huà)的結(jié)合;

頂點(diǎn)變換中,利用正弦函數(shù)模擬河流的大致形態(tài),例如波長(zhǎng),振幅等。

紋理動(dòng)畫(huà)中,將紋理坐標(biāo)朝某一方向持續(xù)滾動(dòng)以形成流動(dòng)的效果。

腳本如下:

Shader "MyUnlit/ScrollWater"
{
 Properties
 {
  _MainTex ("Texture", 2D) = "white" {}
  _Color("Color Tint",color)=(1,1,1,1)
  //控制水流波動(dòng)的幅度,也就是三角函數(shù)中的振幅(值域范圍)
  _Magnitude("Distortion Magnitude",float)=0.3
  //控制周期的長(zhǎng)度,值越大,周期越短,頻率越高
  _InvWaveLength("Distortion Inserve Wave Length",float)=1
  //流動(dòng)速度,用于紋理變換
  _Speed("Speed",float)=0.1
 }
 SubShader
 {
  //頂點(diǎn)動(dòng)畫(huà)需要禁用合P處理
  Tags {"Queue"="Transparent" "RenderType"="Transparent" "IgnoreProjector"="true" "DisableBatching"="True"}

  Pass
  {
   //透明度混合:關(guān)閉深度寫(xiě)入+設(shè)置混合狀態(tài)+禁用剔除(雙面渲染)
   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);
    //利用正弦函數(shù)模擬河流整體的形狀,最后乘以振幅
    offset.x = sin((v.vertex.x + v.vertex.y + v.vertex.z)*_InvWaveLength)*_Magnitude;
    o.vertex = UnityObjectToClipPos(v.vertex+offset);
    //對(duì)uv進(jìn)行某一方向的滾動(dòng)以模擬水流,這里選擇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.需要把紋理的導(dǎo)入設(shè)置改為Repeat(重復(fù))

效果如下:

Unity Shader實(shí)現(xiàn)2D水流效果的方法

看完上述內(nèi)容,是不是對(duì)Unity Shader實(shí)現(xiàn)2D水流效果的方法有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI