ShaderWeaver使用教程5-火焰製作

weixin_34291004發表於2018-03-20

我們將在本教程中做什麼

913533-492ee795f8cae90a..gif


準備節點

913533-20c51771b9664969..png

在專案檢視中,開啟“ShaderWeaver / Textures”資料夾並將

“火焰”紋理設定為ROOT節點

913533-e300fa803982fff1..png

新增UV節點

913533-92d7d58f314cf8f0..png

在“專案”檢視中開啟“ShaderWeaver / Textures”資料夾

,並將“wave”紋理設定為uv1節點

913533-bcdc7bac4451b853..png

連線uv1和ROOT節點現在節點已準備就緒編輯UV節點

913533-a7a33ec3e6016001..png

按下uv1節點的“編輯”按鈕

913533-861fa5079bf7b5a4..png

選擇“移動”

913533-1196adeb6d38bb1e..png

在Y輸入欄中輸入“0.25”

913533-056dc3ea689e0333..png

選擇“UV”

913533-6bf08484be2c1ba0..png

拖動“R”“G”“B”petch

913533-32af2f3f7138cde8..png

像這樣設定箭頭

你已經編輯了UV節點

儲存著色器

913533-dfbc4a00bf7874b5..png

在“ShaderWeaver”視窗中選擇“Save”並儲存著色器,將

檔名設定為“tutorial5.shader”

913533-98e934917bd8a674..png

如果這些檔案被新增到專案檢視中,則著色器建立完成

913533-d49baf2787688181..gif

您可以在“ShaderWeaver”視窗的預覽中看到火焰閃爍

調整顯示

913533-1d32cca406857536..png

觀察預覽中顯示的閃爍火焰,可以看到

火焰的底部已經變得透明

913533-b09e4470a24fff25..png

在專案檢視中開啟“ShaderWeaver /紋理”的資料夾

,然後選擇“火焰”的質感,在檢查

改變“環繞模式”到“鉗位”這可以通過按下“應用”按鈕固定

913533-2c4521cdc933170f..png

如果仍然不起作用,請按下uv1節點編輯視窗右下方的“+”按鈕

913533-6a0eeee7937d4e86..png

將“Blend Op”改為“Lerp”可以修復它

913533-4d40af203403f9d1..gif

這會使閃爍閃爍顯示得很漂亮

使用建立的著色器

913533-013eef9e8637b6a5..png

從Unity選單中選擇“GameObject> 3D Object> Quad”

913533-c06bdf568b472861..png

選擇由Hierarchy建立的“Quad”物件, 然後將專案檢視“tutorial 5”材質拖放到

Inspector的材質設定欄位中

以設定它

913533-952f7105ab93e753..png

適當地設定“Quad”物件的大小(x:5,y:5等)

913533-663aeacd2b1004fe..gif

當你執行Unity時,你可以檢查你建立的著色器是否工作正常

這是如何建立表達火焰的著色器

相關文章