欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

程序员文章站 2022-03-10 14:46:43
前言若你的工程还没有进行基础配置,请查看我的博文unity 之 shadergraph入门使用详解,按照步骤操作完成配置即可,还能顺便学习一下基础操作流程哦~本文手把手教你制作超级炫酷的溶解效果,入门...

前言

若你的工程还没有进行基础配置,请查看我的博文unity 之 shadergraph入门使用详解,按照步骤操作完成配置即可,还能顺便学习一下基础操作流程哦~
本文手把手教你制作超级炫酷的溶解效果,入门级教程,还不快动手试试?有经验的童鞋可以直接跳到最后一步,按照图示搭建即可。

一,效果展示

老规矩,直接上效果图:(最高端的效果只需要最简单的模型呈现)

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

没学习shader graph之前:我靠???? !这效果有点牛啊,那个大佬写的?
学习了shader graph之后:我去???? !就这?岂不是有手就行?

二,原理介绍

通过主节点alpha clip thresholdα剪辑阈值属性,来控制显示隐藏(取值范围0-1),意为alpha输入的大于“α剪辑阈值”则显示,否则隐藏。(alpha:0-1代表白色-黑色)

创建simple noise节点控制alpha,调节simple noise节点scale属性控制大小,调整alpha clip threshold控制显示隐藏,效果如下:

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

怎么样?是不是觉得看完原理介绍就不用往下看了?

读者???? :就这????? 在此基础上随便加一个time时间节点控制一下自动溶解,再加一个color颜色节点修改下颜色不就实现了开篇时展示的效果,这么简单的制作也好意思单独拿出来水一篇文章?

尝试第一步,添加颜色节点,连接如下图,结果发现不但颜色没加上,预览图连球都显示不出来了???? …

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

尝试第二步,添加颜色节点,连接如下图,结果发现溶解效果是有颜色了,但是效果看起来还不如不加颜色了…

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

作者???? :emm…???? 虽说我这是入门级文章,要是这么简单也不至于写这么长吧,如果你做到了第二步这个效果的话,距离成功就还差一点点了(使用step节点)要是明白了呢?就去尝试。表示看不懂什么意思的话,还是继续往下看吧~


三,实现效果

准备工作
在project面板右键 --> create --> shader --> pbrgraph(我这里命名为“dissolvepbrgraph”),然后双击打开编辑器面板:

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

实现溶解
创建两个vector 1节点并将其设置为公开属性(选中节点右键选择“convert to property”)分别命名为"width"和”noisescale“,然后创建simple noise节点,和主节点连接情况如下:

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

添加颜色
创建color颜色节点的并将其设置为公开属性,创建step节点(作用:如果输入in的值大于或等于输入edge的值,则返回 1,否则返回 0。)创建multiply乘法节点,连接情况如下:

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

ps:这里我将color颜色节点的模式调整为hdr是为了增加亮度,可按需修改。

自动溶解
创建time时间节点,为了效果我选择使用其sine time输出,所以为保证输出值一直为正数,添加remap节点控制其输出映射为0-1之间。然后添加add加法节点,用于连接时间节点和"width"属性值,最终连接情况如下:

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

记得点击左上角的"save asset"保存一下哦~


四,使用示例

创建材质球并使用刚制作的shader
这里提供一个快捷创建材质球的方法,鼠标选中我们保存的“dissolvepbrgraph”文件,然后右键创建材质球,这样我们创建出来的材质球,就自动使用这个shader了。

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

在“hierarchy”面板创建sphere,并将刚刚创建的材质球赋值给它,得到结果如下:

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

若需要多个不同颜色不同效果的溶解效果,复制材质球修改公开属性即可。


五,完整图示

Unity中 ShaderGraph 实现超级炫酷的溶解效果入门级教程

到此这篇关于unity中的 shadergraph 实现超级炫酷的溶解效果入门级教程的文章就介绍到这了,更多相关unity shadergraph 溶解内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!