ShaderLab學(xué)習(xí)小結(jié)（十七）草帽團(tuán)的旗子-創(chuàng)新互聯(lián)

目標(biāo)：弄個草帽團(tuán)的海盜旗，通過shader讓它有飄揚的效果，因為我要成為海賊王（不是他的男人）
最終效果如下：

其實效果還差的很遠(yuǎn)，就大概有這么個意思吧，好歹讓它先動起來

站在用戶的角度思考問題，與客戶深入溝通，找到秭歸網(wǎng)站設(shè)計與秭歸網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、主機(jī)域名、雅安服務(wù)器托管、企業(yè)郵箱。業(yè)務(wù)覆蓋秭歸地區(qū)。

旗子用的是plane，不要用cube，這是基于頂點計算的，cube算來算去只有八個頂點，根本飄不起來
而且我們把plane繞x軸轉(zhuǎn)90度把它立起來
所以它本身的坐標(biāo)是：

x軸水平向右，z軸垂直向下，y軸垂直向里
shader代碼:

//1.
Shader "Custom/SKFlag" {
    Properties{
        _MainTex("Main",2D)=""{}
        _A("A",range(0.1,3))=1
        _F("F",range(0.1,2))=1
        _Edge("Edge",range(-10,10))=0
        _TimeScale("TimeScale",range(0,20))=2
    }
    SubShader {
        pass{
            cull off                         //2.
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "unitycg.cginc"
            #include "lighting.cginc"
            sampler2D _MainTex;
            float4 _MainTex_ST;
            float _A;
            float _F;
            float _TimeScale;
            float _Edge;
            struct v2f{
                float4 pos:POSITION;
                float2 uv:TEXCOORD0;
            };
            v2f vert(appdata_base v)
            {
                v2f o;
                o.pos=v.vertex;
                if(o.pos.x>_Edge)             //3.
                {
                    o.pos.y+=_A*0.8*sin(_F*(o.pos.x+o.pos.z)+_Time.y*_TimeScale*0.6);     //4.
                    o.pos.z+=_A*0.3*sin(_F*(o.pos.x+o.pos.y)+_Time.y*_TimeScale*0.6);     //5.
                }
                if(o.pos.x>-1)
                {
                    o.pos.y+=_A*0.3*sin(_F*(o.pos.x+o.pos.z)+_Time.y*_TimeScale*0.8);

                }
                if(o.pos.x>1)
                {
                    o.pos.y+=_A*0.8*sin(_F*(o.pos.x+o.pos.z)+_Time.y*_TimeScale*0.8);
                    o.pos.x+=_A*0.2*sin(_F*(o.pos.z+o.pos.y)+_Time.y*_TimeScale*0.3);
                }
                if(o.pos.x>3)
                {
                    o.pos.y+=_A*0.8*sin(_F*(o.pos.x+o.pos.z)+_Time.y*_TimeScale*0.2);
                }

                o.pos=mul(UNITY_MATRIX_MVP,o.pos);
                o.uv=TRANSFORM_TEX(v.texcoord,_MainTex);
                return o;
            }
            fixed4 frag(v2f IN):COLOR
            {
                fixed4 col=tex2D(_MainTex,IN.uv);
                return col;
            }
            ENDCG
        }
    }
}

先看一個函數(shù)：f(x)=Asin(ωx+φ)
A：振幅,函數(shù)大值為A,最小值為-A；ω：角頻率 ；φ：初相,即x=0時的相位ωx+φ
再看我們的代碼

1

定義的屬性中有主材質(zhì)，放海盜旗的圖
_A：振幅
_F：角頻率
_TimeScale：時間函數(shù)乘上的系數(shù)
_Edge：這個是x方向坐標(biāo)的邊界后面說明

2

cull off

默認(rèn)是剔除背面

cull back

也就是plane只能看到一面，而看不到另一面的原因，改成cull off，不剔除背面，則兩面都是旗子

3

這里是第一個判斷處

if(o.pos.x>_Edge)             //3.

縱觀整個代碼，旗子在三個方向都會有波動，但是，如果旗子是插在旗桿上的話，那與旗桿的連接處是不應(yīng)該有波動的
也就是圖中旗子在x軸方向上的最左側(cè)，即x值最小處
經(jīng)過試驗，這個值應(yīng)該是 -5，所以我設(shè)置的_Edge為 -4.9，那么只有在x坐標(biāo)大于這個值的部分，plane才會波動

4、5

這些，還有下面的那些就是讓plane產(chǎn)生波動的計算了
_A是波動（飄揚）的大幅度，_Time是時間向量，好像也是四維的，xyzw

_Time.y*_TimeScale

這個可以看作是波動的頻率快慢吧
調(diào)整_TimeScale的值越大，波動的越快
而_F*（...）呢，我的理解是影響波長，_F越大，波長越小，同一時間旗子上的波峰波谷越多，反之越少
不知道理解的正不正確，反正出來的效果差不多是這樣

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

新聞名稱：ShaderLab學(xué)習(xí)小結(jié)（十七）草帽團(tuán)的旗子-創(chuàng)新互聯(lián)
標(biāo)題來源：http://www.muchs.cn/article28/dpjjjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、搜索引擎優(yōu)化、Google、服務(wù)器托管、用戶體驗、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)