ShaderWeaver使用教程-—第一节—火焰制作

ShaderWeaver使用教程-火焰制作

声明:本系列为网络搬运总结,多为英文资料,翻译的不好的请见谅。想查看原版****的可以去YouTube,插件作者为国人,但是目前并没有中文相关资料。或者查看国内的优酷专辑附带优酷视频

附带官网链接:http://www.shaderweaver.com/index.html

以下内容参考总结自日文网站:http://baba-s.hatenablog.com/entry/2017/09/29/094508


火焰制作

我们将要做什么?

ShaderWeaver使用教程-—第一节—火焰制作


一个火焰效果

准备节点

ShaderWeaver使用教程-—第一节—火焰制作

“flame”纹理赋给ROOT节点 

ShaderWeaver使用教程-—第一节—火焰制作

添加UV节点 

ShaderWeaver使用教程-—第一节—火焰制作

将“wave”纹理赋给uv1节点 ShaderWeaver使用教程-—第一节—火焰制作

连接uv1和ROOT节点

现在节点已经准备好了

编辑UV节点

ShaderWeaver使用教程-—第一节—火焰制作

点击节点的“编辑”按钮

ShaderWeaver使用教程-—第一节—火焰制作


选择“移动”


ShaderWeaver使用教程-—第一节—火焰制作

在Y输入栏中输入“0.25”

ShaderWeaver使用教程-—第一节—火焰制作

选择“UV”

ShaderWeaver使用教程-—第一节—火焰制作

拖动“R”“G”“B”

ShaderWeaver使用教程-—第一节—火焰制作

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

保存着色器

ShaderWeaver使用教程-—第一节—火焰制作


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

文件名设置为“tutorial5.shader” 

ShaderWeaver使用教程-—第一节—火焰制作

ShaderWeaver使用教程-—第一节—火焰制作


调整显示


ShaderWeaver使用教程-—第一节—火焰制作


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

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

ShaderWeaver使用教程-—第一节—火焰制作


更改图片的设置格式

ShaderWeaver使用教程-—第一节—火焰制作

如果仍不起作用 

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

ShaderWeaver使用教程-—第一节—火焰制作

改变“Add”到“Lerp” 

ShaderWeaver使用教程-—第一节—火焰制作

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

使用创建的着色器

ShaderWeaver使用教程-—第一节—火焰制作


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

ShaderWeaver使用教程-—第一节—火焰制作

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

ShaderWeaver使用教程-—第一节—火焰制作

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


ShaderWeaver使用教程-—第一节—火焰制作