ShaderWeaver使用教程-火焰制作

火焰制作

我们将要做什么?

android simpleperf 生成火焰图 火焰生成器_2D火焰


一个火焰效果

准备节点

android simpleperf 生成火焰图 火焰生成器_UI特效_02


“flame”纹理赋给ROOT节点

android simpleperf 生成火焰图 火焰生成器_2D火焰_03


添加UV节点

android simpleperf 生成火焰图 火焰生成器_UI特效_04


将“wave”纹理赋给uv1节点

android simpleperf 生成火焰图 火焰生成器_Unity2D效果_05


连接uv1和ROOT节点

现在节点已经准备好了

编辑UV节点

android simpleperf 生成火焰图 火焰生成器_2D火焰_06


点击节点的“编辑”按钮

android simpleperf 生成火焰图 火焰生成器_UI特效_07


选择“移动”

android simpleperf 生成火焰图 火焰生成器_2D火焰_08


在Y输入栏中输入“0.25”

android simpleperf 生成火焰图 火焰生成器_着色器_09


选择“UV”

android simpleperf 生成火焰图 火焰生成器_Weaver_10


拖动“R”“G”“B”

android simpleperf 生成火焰图 火焰生成器_着色器_11

像这样设置箭头
你已经编辑了UV节点

保存着色器

android simpleperf 生成火焰图 火焰生成器_着色器_12


在“ShaderWeaver”窗口中选择“Save”并保存着色器,将

文件名设置为“tutorial5.shader”

android simpleperf 生成火焰图 火焰生成器_Unity2D效果_13

android simpleperf 生成火焰图 火焰生成器_2D火焰_14

调整显示

android simpleperf 生成火焰图 火焰生成器_Weaver_15


看着预览中显示的闪烁的火焰,可以看到

火焰的底部已经变得透明,因为我们进行了UV靠上方向的偏移。

android simpleperf 生成火焰图 火焰生成器_2D火焰_16


更改图片的设置格式

android simpleperf 生成火焰图 火焰生成器_着色器_17


如果仍不起作用

,请按下uv1节点编辑窗口右下方的“+”按钮

android simpleperf 生成火焰图 火焰生成器_Weaver_18


改变“Add”到“Lerp”


有了这个,闪烁闪烁将被清晰地显示出来

使用创建的着色器

android simpleperf 生成火焰图 火焰生成器_2D火焰_19


在Unity菜单中选择“GameObject> 3D Object> Quad”

android simpleperf 生成火焰图 火焰生成器_Weaver_20


然后将项目视图“tutorial 5”材质拖放到Inspector的材质设置字段中

android simpleperf 生成火焰图 火焰生成器_Weaver_21


适当设置“Quad”对象的大小(x:5,y:5等)

android simpleperf 生成火焰图 火焰生成器_2D火焰