【心得】在unity新管線下實現外描邊(LWRP+HDRP皆可)

技術分享

樓主捷 eddy21709

GP74 BP-

2019-05-12 14:11:31 編輯

大家好今天來分享一下如何在HDRP裡面實作卡通外描邊+簡單卡通渲染的效果不過在開始實現效果前先給點前備知識(比較懶的人可以直接看總結):

1.HDRP LWRP是啥?:以往的unity所有的工作環境都是一樣的假設你要做3A級遊戲你的預設跟做手機遊戲都一樣並且在渲染管線上面是無法去更改的於是官方決定把渲染管線變成可以自己更改並且釋出LWRP(輕量級續染管線) HDRP(高清渲染管線)

2.新的渲染管線跟舊版差在哪裡?:首先新版管線已經幫你分成LWRP->面向手遊等效能較差的設備 HDRP->面向PC 家機等效能高的設備並且兩者都可以實現自定義渲染管線(SRP) 相對以往更加自由但是難度也比以往更高常常有人會問到為何我升級之後全部變粉紅色? 為何XXX無法使用等等這也是新版管線跟舊版管線最大的差異:shader的更改

3.shader的更改?那要怎麼辦?:首先如果使用standard等Unity自帶的材質可以一鍵全部更改但是自定義的shader基本上會全部出錯誤要更改的話LWRP有方法可以更改那就是將shader裡面的

LightMode = ForwardBase 改成 LightMode = LightweightForward 詳細作法看這邊:https://www.cgjoy.com/thread-213619-1-1.html 但如果用到燈光相關的效果基本上還是會出錯於是乎官方給了一個shader神器 shadergraph

4.shadergraph是啥麼鬼鬼?:shadergraph基本上就是把shader圖形化編輯網上非常多教學這邊不贅述 shadergraph(簡稱SG)可以在新版的管線下正常運行同時多了很多很好用的節點之後我會再進行一波分享並且我們這次的效果就是要用SG來製作了

5.那該怎麼使用這些軟件呢?:這邊直接給結論如果使用舊版管線請使用shaderforge或者ASE 如果使用新版管線請使用shadergraph或ASE (Amplify Shader Editor) ASE 兩邊都可以使用唯一缺點就是要錢...... 前面講了一大堆東西現在要開始實作了!

首先先匯入我們的模型(版本2018.3以上 HDRP版版本4.10)都設置好之後預設會長這樣:

接著開始製作我們新的shader 使用SG創建一個PBR shader 並且製作成卡通風格的效果這邊我只有做陰影+簡單的外發光因為我之前有發過一個教學了內容基本上就不做解釋了直接附圖想知道作法原理的人可以看這篇:https://forum.gamer.com.tw/Co.php?bsn=60602&sn=5381&subbsn=0&bPage=0

SG節點圖:

當前效果:

值得一提的是SG裡面並沒有提供燈光節點至於要怎麼使用可以自定義一個4維向量然後將它做normalize動作再與Normal vecter做dot即可不過有更高級的作法後面會再告訴大家另外這邊陰影細節很多那是因為我面數作很高把細節都作在模型上當然如果低面數也是可以達到必須另外使用一張貼圖來進行設置接著來講重點外描邊吧~

首先經過我幾次的測試之後我發現外描邊的shader在各個管線裡面會正常顯示錯誤的是其他部分的shader 效果會如下:

因此我之前的作法是疊2個模型但是總覺得很怪之後我就想到我不如把這個pass加入SG的shader裡不就完事了嗎? 於是乎~我們首先先做一下外描邊這邊使用shaderforge作教學及原理再這邊:https://forum.gamer.com.tw/Co.php?bsn=60602&sn=5376&subbsn=0&bPage=0

這邊附圖: