Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Unity 之 ShaderGraph 实现超级炫酷的溶解效果入门级教程

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

作者头像
玖柒的小窝
修改于 2021-09-22 02:56:33
修改于 2021-09-22 02:56:33
1.2K0
举报
文章被收录于专栏:各类技术文章~各类技术文章~

一,效果展示

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

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


二,原理介绍

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

创建Simple Noise节点控制Alpha,调节Simple Noise节点Scale属性控制大小,调整Alpha Clip Threshold控制显示隐藏,效果如下:

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

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

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

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

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


三,实现效果

  1. 准备工作 在Project面板右键 --> Create --> Shader --> PBRGraph(我这里命名为“DissolvePBRGraph”),然后双击打开编辑器面板:
  1. 实现溶解 创建两个Vector 1节点并将其设置为公开属性(选中节点右键选择“Convert To Property”)分别命名为"Width"和”NoiseScale“,然后创建Simple Noise节点,和主节点连接情况如下:
  1. 添加颜色 创建Color颜色节点的并将其设置为公开属性,创建Step节点(作用:如果输入In的值大于或等于输入Edge的值,则返回 1,否则返回 0。)创建Multiply乘法节点,连接情况如下:

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

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

记得点击左上角的"Save Asset"保存一下哦~


四,使用示例

  1. 创建材质球并使用刚制作的Shader 这里提供一个快捷创建材质球的方法,鼠标选中我们保存的“DissolvePBRGraph”文件,然后右键创建材质球,这样我们创建出来的材质球,就自动使用这个Shader了。
  1. 在“Hierarchy”面板创建Sphere,并将刚刚创建的材质球赋值给它,得到结果如下:
  1. 若需要多个不同颜色不同效果的溶解效果,复制材质球修改公开属性即可。

五,完整图示

本文系外文翻译,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系外文翻译,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Unity 之 ShaderGraph 实现旋涡[传送门]效果入门级教程
一,最终效果展示 老规矩,直接上效果图: 没学习Shader Graph 之前:我靠😱 !这效果有点牛啊,那个大佬写的? 学习了Shader Graph 之后:我去😒 !就这?岂不是有手就行? ---- 二,创建PBRGraph 在Project面板右键 --> Create --> Shader --> PBRGraph: 重命名:RPAShaderGraph(随意) 双击RPAShaderGraph打开编辑界面 ---- 三,实现原理介绍 通过Twirl 旋转节点对Gradien
玖柒的小窝
2021/09/17
1.2K0
Unity 之 ShaderGraph 实现旋涡[传送门]效果入门级教程
Unity 之 ShaderGraph 实现自发光和能量护盾效果入门级教程
这个动图看起来怪怪的,为展示实际效果,再补发一张,动图中间部分是录屏的原因,不会影响最终制作效果:
玖柒的小窝
2021/09/18
2K0
Unity 之 ShaderGraph 实现自发光和能量护盾效果入门级教程
Unity 之 ShaderGraph 实现火焰效果入门级教程
一,效果展示 老规矩,直接上效果图: 没学习Shader Graph之前:我靠😱 !这效果有点牛啊,那个大佬写的? 学习了Shader Graph之后:我去😒 !就这?岂不是有手就行? ---- 二,原理介绍 通过Tiling And Offset节点分别对Voronoi泰森多边形节点和Gradient Noise渐变噪声节点进行偏移移动,然后通过颜色,贴图各种叠加和透明度设置,从而到达模拟火苗的动态效果。 ---- 三,实现效果 准备工作 在Project面板右键 --> Create -->
玖柒的小窝
2021/09/18
9520
Unity 之 ShaderGraph 实现火焰效果入门级教程
Unity 之 ShaderGraph 实现小旗随风飘扬效果入门级教程
一,效果展示 老规矩,直接上效果图: 没学习Shader Graph之前:我靠😱 !这效果有点牛啊,那个大佬写的? 学习了Shader Graph之后:我去😒 !就这?岂不是有手就行? ---- 二,原理介绍 通过Posinton节点使Y轴前后移动,注意需要节点上的的Space调整为Object: 然后通过Sine节点,其前后移动变成波浪形成,进而模拟随风飘的效果: 最后通过拆分UV节点,使得小旗的左边不动,达到绑定在旗杆上的效果: ---- 三,制作步骤 准备工作 在Project面
玖柒的小窝
2021/09/20
9670
Unity 之 ShaderGraph 实现小旗随风飘扬效果入门级教程
Unity 之 ShaderGraph 实现全息效果入门级教程
【摘要】 入门级制作教程,有手就行。点点拖拖拽拽就能实现效果,一句代码都不写。制作一次,无限复用。
玖柒的小窝
2021/09/17
1.6K0
Unity 之 ShaderGraph 实现全息效果入门级教程
Unity Shader Graph制作溶解效果
模型使用了Asset Store资源商店里下载的模型Robot Kyle,创建一个新的PBR Graph,命名为dissolve,双击进入shader graph编辑器,修改Main Preview预览窗口,使用Custom Mesh预览,选择Robot模型:
CoderZ
2022/08/29
9070
Unity Shader Graph制作溶解效果
【Unity ShaderGraph】| 给模型添加一个 边缘光效果 实战
首先在Project下右键 Creat - > Shader Graph -> URP -> Lit Shader Graph创建一个Lit Shader Graph。
呆呆敲代码的小Y
2023/10/19
1.6K0
【Unity ShaderGraph】| 给模型添加一个 边缘光效果 实战
小功能⭐️Unity2018 Shader Graph——全息影像、物体消融
Vertex Shader(顶点着色器):位置、法线、UV。将CPU传来的以上信息转换正确映射到屏幕坐标里面
星河造梦坊官方
2024/08/16
1290
小功能⭐️Unity2018 Shader Graph——全息影像、物体消融
【Unity ShaderGraph】| 物体靠近时局部溶解,根据坐标控制溶解的位置【文末送书】
首先在Project下右键 Creat - > Shader Graph -> URP -> Lit Shader Graph创建一个Lit Shader Graph。
呆呆敲代码的小Y
2023/11/11
6150
【Unity ShaderGraph】| 物体靠近时局部溶解,根据坐标控制溶解的位置【文末送书】
Unity Shader Graph 制作车流效果(UV滚动)
让UV动起来首先需要Time时间节点,为了使用创建的Speed属性来控制滚动速度,使用Multiply节点将两者相乘
CoderZ
2022/08/29
1.3K0
Unity Shader Graph 制作车流效果(UV滚动)
Unity Shader Graph - Colored Ghost
创建Position节点,获取模型的顶点位置,Space空间使用默认World模式,输出至新建Tiling And Offset节点中的UV属性:
CoderZ
2022/08/29
1K0
Unity Shader Graph - Colored Ghost
【Unity ShaderGraph】| 快速制作一个实用的 模型溶解效果
首先在Project下右键 Creat - > Shader Graph -> URP -> Lit Shader Graph创建一个Lit Shader Graph。
呆呆敲代码的小Y
2023/10/07
7170
【Unity ShaderGraph】| 快速制作一个实用的 模型溶解效果
【Unity ShaderGraph】| 快速制作一个 卡通阴影色块效果
首先在Project下右键 Creat - > Shader Graph -> URP -> Lit Shader Graph创建一个Lit Shader Graph。
呆呆敲代码的小Y
2023/10/31
6570
【Unity ShaderGraph】| 快速制作一个 卡通阴影色块效果
Unity通用渲染管线(URP)系列(二)——Draw Calls(Shaders and Batches)
要绘制物体,CPU需要告诉GPU应该绘制什么和如何绘制。通常我们用Mesh来决定绘制什么。而如何绘制是由着色器控制的,着色器实际上就是一组GPU的指令。除了Mesh之外,着色器还需要很多其他的信息来协同完成它的工作,比如对象的transform矩阵和材质属性等。
放牛的星星
2020/12/11
6.6K0
Unity通用渲染管线(URP)系列(二)——Draw Calls(Shaders and Batches)
Unity Shader 基础溶解效果
Dissolve Threshold阈值,用于控制溶解的进度,声明在Properties中,即可在Inspector面板进行控制:
CoderZ
2022/08/29
9210
Unity Shader 基础溶解效果
【Unity ShaderGraph】| 快速制作一个 钛金化不锈钢效果
首先在Project下右键 Creat - > Shader Graph -> URP -> Lit Shader Graph创建一个Lit Shader Graph。
呆呆敲代码的小Y
2023/10/25
4610
【Unity ShaderGraph】| 快速制作一个 钛金化不锈钢效果
【Unity ShaderGraph】| 如何快速制作一个炫酷 模型裁剪效果 实战
首先在Project下右键 Creat - > Shader Graph -> URP -> Lit Shader Graph创建一个Lit Shader Graph。
呆呆敲代码的小Y
2023/10/10
7300
【Unity ShaderGraph】| 如何快速制作一个炫酷 模型裁剪效果 实战
【Unity ShaderGraph】| 如何快速制作一个炫酷的 全息投影效果
首先在Project下右键 Creat -> Shader Graph -> URP -> Lit Shader Graph创建一个Unlit Shader Graph。
呆呆敲代码的小Y
2023/11/14
8790
【Unity ShaderGraph】| 如何快速制作一个炫酷的 全息投影效果
Unity2D游戏开发-使用URP并实现激光效果
Window => Package Manager 中搜索Universal RP,并安装
码客说
2023/08/08
1.5K0
Unity2D游戏开发-使用URP并实现激光效果
【Unity ShaderGraph】| 制作一个 高级流体水球效果
首先在Project下右键 Creat -> Shader Graph -> URP -> Lit Shader Graph创建一个Unlit Shader Graph。
呆呆敲代码的小Y
2023/10/28
7810
【Unity ShaderGraph】| 制作一个 高级流体水球效果
推荐阅读
相关推荐
Unity 之 ShaderGraph 实现旋涡[传送门]效果入门级教程
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档