Unity中 ShaderGraph 實(shí)現(xiàn)超級(jí)炫酷的溶解效果入門(mén)級(jí)教程
前言
若你的工程還沒(méi)有進(jìn)行基礎(chǔ)配置，請(qǐng)查看我的博文Unity 之 ShaderGraph入門(mén)使用詳解，按照步驟操作完成配置即可，還能順便學(xué)習(xí)一下基礎(chǔ)操作流程哦~
本文手把手教你制作超級(jí)炫酷的溶解效果，入門(mén)級(jí)教程，還不快動(dòng)手試試？有經(jīng)驗(yàn)的童鞋可以直接跳到最后一步，按照?qǐng)D示搭建即可。
一，效果展示
老規(guī)矩，直接上效果圖：（最高端的效果只需要最簡(jiǎn)單的模型呈現(xiàn)）
沒(méi)學(xué)習(xí)Shader Graph之前：我靠😱 ！這效果有點(diǎn)牛啊，那個(gè)大佬寫(xiě)的？
學(xué)習(xí)了Shader Graph之后：我去😒 ！就這？豈不是有手就行？
二，原理介紹
通過(guò)主節(jié)點(diǎn)Alpha Clip Thresholdα剪輯閾值屬性，來(lái)控制顯示隱藏（取值范圍0-1），意為Alpha輸入的大于“α剪輯閾值”則顯示，否則隱藏。（Alpha:0-1代表白色-黑色）
創(chuàng)建Simple Noise節(jié)點(diǎn)控制Alpha，調(diào)節(jié)Simple Noise節(jié)點(diǎn)Scale屬性控制大小，調(diào)整Alpha Clip Threshold控制顯示隱藏，效果如下：
怎么樣？是不是覺(jué)得看完原理介紹就不用往下看了？
讀者😈 ：就這？😒 在此基礎(chǔ)上隨便加一個(gè)Time時(shí)間節(jié)點(diǎn)控制一下自動(dòng)溶解，再加一個(gè)Color顏色節(jié)點(diǎn)修改下顏色不就實(shí)現(xiàn)了開(kāi)篇時(shí)展示的效果，這么簡(jiǎn)單的制作也好意思單獨(dú)拿出來(lái)水一篇文章？
嘗試第一步，添加顏色節(jié)點(diǎn)，連接如下圖，結(jié)果發(fā)現(xiàn)不但顏色沒(méi)加上，預(yù)覽圖連球都顯示不出來(lái)了🙃 …
嘗試第二步，添加顏色節(jié)點(diǎn)，連接如下圖，結(jié)果發(fā)現(xiàn)溶解效果是有顏色了，但是效果看起來(lái)還不如不加顏色了…
作者👿 ：Emm…🙄 雖說(shuō)我這是入門(mén)級(jí)文章，要是這么簡(jiǎn)單也不至于寫(xiě)這么長(zhǎng)吧，如果你做到了第二步這個(gè)效果的話，距離成功就還差一點(diǎn)點(diǎn)了(使用Step節(jié)點(diǎn))要是明白了呢？就去嘗試。表示看不懂什么意思的話，還是繼續(xù)往下看吧~
三，實(shí)現(xiàn)效果
準(zhǔn)備工作
在Project面板右鍵 --> Create --> Shader --> PBRGraph（我這里命名為“DissolvePBRGraph”），然后雙擊打開(kāi)編輯器面板：
實(shí)現(xiàn)溶解
創(chuàng)建兩個(gè)Vector 1節(jié)點(diǎn)并將其設(shè)置為公開(kāi)屬性（選中節(jié)點(diǎn)右鍵選擇“Convert To Property”）分別命名為"Width"和”NoiseScale“，然后創(chuàng)建Simple Noise節(jié)點(diǎn)，和主節(jié)點(diǎn)連接情況如下：
添加顏色
創(chuàng)建Color顏色節(jié)點(diǎn)的并將其設(shè)置為公開(kāi)屬性，創(chuàng)建Step節(jié)點(diǎn)（作用：如果輸入In的值大于或等于輸入Edge的值，則返回 1，否則返回 0。）創(chuàng)建Multiply乘法節(jié)點(diǎn)，連接情況如下：
PS：這里我將Color顏色節(jié)點(diǎn)的模式調(diào)整為HDR是為了增加亮度，可按需修改。
自動(dòng)溶解
創(chuàng)建Time時(shí)間節(jié)點(diǎn)，為了效果我選擇使用其Sine Time輸出，所以為保證輸出值一直為正數(shù)，添加Remap節(jié)點(diǎn)控制其輸出映射為0-1之間。然后添加Add加法節(jié)點(diǎn)，用于連接時(shí)間節(jié)點(diǎn)和"Width"屬性值，最終連接情況如下：
記得點(diǎn)擊左上角的"Save Asset"保存一下哦~
四，使用示例
創(chuàng)建材質(zhì)球并使用剛制作的Shader
這里提供一個(gè)快捷創(chuàng)建材質(zhì)球的方法，鼠標(biāo)選中我們保存的“DissolvePBRGraph”文件，然后右鍵創(chuàng)建材質(zhì)球，這樣我們創(chuàng)建出來(lái)的材質(zhì)球，就自動(dòng)使用這個(gè)Shader了。
在“Hierarchy”面板創(chuàng)建Sphere，并將剛剛創(chuàng)建的材質(zhì)球賦值給它，得到結(jié)果如下：
若需要多個(gè)不同顏色不同效果的溶解效果，復(fù)制材質(zhì)球修改公開(kāi)屬性即可。
五，完整圖示
到此這篇關(guān)于Unity中的 ShaderGraph 實(shí)現(xiàn)超級(jí)炫酷的溶解效果入門(mén)級(jí)教程的文章就介紹到這了,更多相關(guān)Unity ShaderGraph 溶解內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
C#實(shí)現(xiàn)文件與二進(jìn)制互轉(zhuǎn)并存入數(shù)據(jù)庫(kù)
這篇文章主要介紹了C#實(shí)現(xiàn)文件與二進(jìn)制互轉(zhuǎn)并存入數(shù)據(jù)庫(kù),本文直接給出代碼實(shí)例,代碼中包含詳細(xì)注釋,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了C# Main方法的傳入?yún)?shù)研究,相信大家不管是在java中還是C#中都經(jīng)常見(jiàn)到public static void Main(string[] args)類似的語(yǔ)句,那這個(gè)args到底有什么用,你又知道多少呢？本文就專門(mén)研究了這個(gè)參數(shù),相信可以讓漲姿勢(shì),需要的朋友可以參考下2015-06-06
C#的FileSystemWatcher用法實(shí)例詳解
這篇文章主要介紹了C#的FileSystemWatcher用法,以實(shí)例形似詳細(xì)分析了FileSystemWatcher控件主要功能,并總結(jié)了FileSystemWatcher控件使用的技巧,需要的朋友可以參考下2014-11-11
這篇文章主要介紹了C#中Mutex對(duì)象用法,結(jié)合實(shí)例形式分析了Mutex對(duì)象的功能與線程操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了c# HashSet的擴(kuò)容機(jī)制需要注意的兩個(gè)地方，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-06-06
LRU（Least Recently Used）緩存替換策略是一種常用的緩存管理策略，它根據(jù)數(shù)據(jù)最近被訪問(wèn)的時(shí)間來(lái)決定哪些數(shù)據(jù)應(yīng)該被保留在緩存中。本文將介紹LRU緩存替換策略的原理和C#實(shí)現(xiàn)方法。2023-04-04
C#實(shí)現(xiàn)圖片分割方法與代碼...2007-03-03
這篇文章主要介紹了c#模擬銀行atm機(jī)示例,實(shí)現(xiàn)了用戶登錄、用戶存款、用戶取款等功能,需要的朋友可以參考下2014-03-03
CTS通用類型系統(tǒng)，是.Net中一套定義類型的規(guī)則。我們要掌握c#開(kāi)發(fā)，首先要建立這個(gè)類型概念，只有知道c#的元素是什么類型，才能進(jìn)行相關(guān)的分析和選材。2012-12-12
這篇文章主要給大家介紹了關(guān)于利用c#爬蟲(chóng)爬取京東商品信息的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11