前言

????本期繼續(xù)ShaderGraph主題。這次的筆記內(nèi)容來自狗子大神的視頻?！豆鈩Σ环€(wěn)定波動效果》。如果筆記上不太明白的地方可以直接看視頻。

光劍不穩(wěn)定波動效果

????下面我們開始制作一個光劍的效果，它包含了光劍收縮，放出的效果以及光劍它的那種不穩(wěn)定的效果，類似電弧的感覺，實際上如果加上粒子特效它的效果會更好。

????這里創(chuàng)建一個新的Shader。這個場景效果，體積霧可以參考之前的筆記。把Shader命名為Sword。

????我們開始編輯它的ShaderGraph，然后首先做光劍的收放效果，它是用光劍的位置position, 將它的座標空間改為就是物體自身。

????那下面我們要分離出來一個它的y的坐標，沿著原來的y軸進行收縮。它的原來空間也是根據(jù)這個模型來說，我們讓它沿著y軸方向進行收縮。下面把這個Output就傳到Split這里了。

????然后下面我們要用一個step來做它的收放動畫，然后加一個屬性來控制收縮動畫的進度，desolve。

????這樣的話就完成了一個動畫。看下效果，放到AlphaClipThreshold這里，然后改一下Alpha的值。

????等它為0的時候可以看到這個物體，只渲染這一半。但是它不會渲染反面，只會渲染正面，我們打開Two Sided勾選。開啟之后就可以看到另一面了。

????這就是我們想要的一個動畫效果，這一部分就完成了。我們先把上面的節(jié)點拖放到一邊。

????下面我們要做的就是讓它有波動的效果。就是劍體的不穩(wěn)定效果，這里我們需要用它的頂點函數(shù)來做頂點偏移函數(shù)，然后這里的話讓它修改Position的值，看一下這里是它的y軸，y軸是不會動的，然后在它的x軸和z軸這兩個方向上，讓它的頂點上下波動，然后實現(xiàn)這個效果。

????首先必須有一張貼圖，可以讓它動起來，然后我們這里加一張噪音貼圖，Tilling And Offset節(jié)點，然后下面我們需要用時間來關(guān)聯(lián)它，因為那個值和我們自己控制和實現(xiàn)效果是一樣的，所以沒那么麻煩。這里需要傳入一個二維變量Vector2，我們可以看一下效果。下面這張圖動起來，但是這時候它是只動Y軸的，也是我們想要的一個效果，就讓它在Y軸移動，而不是這種斜的移動。所以我們把這個值設(shè)為0就好。

????下面我們要做的事情就是它這個噪音貼圖，和它的位置信息混合起來，Normal Vector，和它的法線的向量，然后這里也是設(shè)置成自身模式，然后點小箭頭圖標可以縮放預(yù)覽，一般收起來比較節(jié)省空間的。有些地方?jīng)]必要收，有些地方收起來比較節(jié)省空間，因為當你做的節(jié)點比較多的話，就會顯得很亂。

????那下面我們要把這兩個東西混合一下。然后我們再給它添加一個變量來控制它的Scale。

????控制這里的scale以及控制這里的大小。 Noisescale，然后再加一個變量控制它的大小，OutSide。

????點擊小箭頭圖標可以把他們收回來，NoiseScale，給他一個合適的值，方便我們預(yù)覽，然后Outside在這里是控制它的大小，你在這里選一個Multiply，然后將它和一個值在混合和一下，Outside這里先選1,?不是2的話。

????可以看到效果，然后我們先設(shè)置它為1，下面我們要把這個東西，分離出來的x和z，因為我們想要改變的是x和z而不是y，就是改變它的x方向和z方向，這兩個方向的頂點的位置。

????讓我們加一個Split節(jié)點.，然后在這里我們分離出來一個Vector3，然后對應(yīng)的x,?對應(yīng)的z,?然后Y取0，下面我們將他和一個位置信息疊加。

????將上面這個position拖下來，和Vector3疊加到Add節(jié)點，最后我們將它連接到position這個節(jié)點。

????可以看到它的側(cè)面就這樣不規(guī)則的炸裂開，但是它上面不會有影響，光劍還需要一個發(fā)光的效果，發(fā)光的效果就不需要Fresnel了，直接一個HDR，然后加到自發(fā)光那里就可以了。這個反而是最簡單的，然后這里改HDR。

????因為我要讓它中間體現(xiàn)出來白光的效果，中間白兩邊是發(fā)出劍光的顏色，所以中間是一個高光部分，所以用HDR比較合適，保存一下。然后我們在這里給它附了一個基礎(chǔ)的材質(zhì)，所以我們把這個材質(zhì)呢就改為Sword的了。

????就是這樣一個效果，不規(guī)則的波動，稍微有一點電弧的感覺。

????我給它增加了一個post?process的bloom特效， 所以看起來會有這種邊緣高光的效果。

????它在play時是看不到效果的,?但是我們在運行的游戲的時候更改這個材質(zhì)，會保存起來的，所以我們就可以在運行的時候修改，然后調(diào)節(jié)一個我們想要的參數(shù)。

????我們調(diào)節(jié)desolve參數(shù)，可以看到這是它消失的效果，但是目前它的效果似乎反了。NoiseScale，這個是修改噪音的地方，Outside這里就有一個邊的粗細，可以看到不同的數(shù)值出現(xiàn)不同的效果。

????這里需要的是一個不太大的值，讓他有那種不規(guī)則的波動就可以了。我們把這個看起來的不太正確的動畫修改一下，就是劍刃出現(xiàn)和收縮的。這里我們加一個Inverse Colors節(jié)點，我們將這個Output的值傳到這里，勾選Red這個選項，可以看到顏色就反過來了。

????我們改desolve值話，改為0可以看到這完全就是反過來了，然后把他拉到AlphaClipTheshold。我順便看一下效果，現(xiàn)在更改這個的desolve值。就是一個光劍出現(xiàn)的效果。

????如果想用代碼或者使用時間函數(shù)來控制的話，在這里面簡單的調(diào)試修改一下就行。