Unity--shadergraph--UV dissolve

1.首先我们在shader文件夹下新建一个blank shader graph

操作：右键-create-shader-blank shader graph

2.然后在inspector面板中点击open进入

3.找到shadergraph面板右上角的graph inspector，点一下会出来下面这个面板，再点一下它会消失。

点击下universal下面的这个小加号，添加universal，然后就会出来下面这个面板。

上面的是顶点面板，下面的是碎片面板。UV流动我们只需要用到碎片面板的base color功能。

4.左上角会有一个面板，对应blackboard图标。如果你这个面板不见了点一下blackboard它就出来了。我们需要添加这三个参数（color、texture2D、vector4），右上角加号可以在blackboard中添加参数，单击可以重命名。

修改参数设置可以先单击参数，再点击graph inspector，就可以更改图片和颜色以及数字信息了。

注意：默认的颜色模式是default，如果你想要让你的颜色更亮，需要修改mode为HDR模式。

HDR模式仅存在于URP管线和HDRP管线中，如果你的场景是普通3D场景，是没有这个选项的。

把exposed勾选上，这样可以在shader 材质球中更改这些信息。

5.然后我们开始添加主图模块（Main Texture）

右键添加上图中这些节点，然后连起来就行了，线和图片的删除是选中然后Delete。

sample texture 2D的左边有三个节点，我们只需要用到上面两个。

左边：

texture连到黑板上的main texture，UV连到tilling and offset 的output上。

右边：

RGBA是所有通道信息。R\G\B\A分别代表red、green、blue、alpha通道信息。

因为要添加颜色的信息，所以我们添加一个multiply面板，将color和sample texture 2D的output相乘，连到Fragmet面板的basecolor上。

6.添加tilling and offset 模块

这里解释下为什么要这样连接

因为tilling和offset都有两个方向可以调节，你可以分别给这两个节点两个vector2（2维向量）

这里是把vector4分开（split）成两组再组合（combine）成二维向量连到这两个节点上，前两个R、G连的是tilling，后两个B、A连的是offset。

这样做就是这些参数都会出现在一行里面,你可以取名tilling and offset

如果你连两个二维向量就是出现两行，你可以分别取名tilling \offset

7.一些基本操作

快捷键F：回到shadergraph面板中心

点击节点+快捷键F：快速回到该节点中心

在空白面板处点击右键-collapse all preview：关闭所有节点预览

在节点上右键-open documentation：打开官方说明书

框选所需节点，在蓝色框内右键-group selection：类似于ps的成组功能

测试节点：preview、slider--非常实用

8.由于教程使用的是2018版本，而2020版本的unity没有alpha和alphaclipthreshold这两个结点，右键搜索也没有找到（百度搜了半天也没人科普，官方手册missing...）

后来我发现它在graph inspector里面：勾选上alpha clip选项就出来啦

material模式：发光材质lit；不发光材质unlit

workflow模式：specular镜面；metallic金属

surface模式：opaque不透明；transparent半透明

然后我们创建一个preview节点和float节点，将float节点的模式改成slide，就可以在inspector里手动溶解了。以纹理贴图的单通道作为溶解贴图会使溶解顺着贴图纹理，看起来更加自然。

原理：alphaclipthreshold是alpha通道的剪裁阈值，当alpha通道里面的色彩信息小于阈值的色彩信息的时候，小于的部分就会被剪裁掉。我的理解是类似于ps里面的阈值选区功能。

9.边缘发光溶解shader

dissolve部分

原理：

sintime正弦函数的值范围是-1~1之间，导入remap输出0~1之间的值

sintime+remap这两步可以导出一个在0~1之间循环波动的一个时间值x

step节点：Returns 1 if the value of input In is greater than or equal to the value of input Edge, otherwise returns 0.当输入的值大于等于输入的edge的色彩信息的时候输出1，否则输出0。这是一个非黑即白的函数。这个操作可以将噪波贴图处理成黑白关系清晰的图片。

时间值x加上一个常量t---输出一个滞后的时间值y

时间值y导入到step节点中就会让输出的图形比alpha通道输出的图形不一致

如果这个常量t是一个很小的数字，那么我们就能得到一个比alpha通道输出的图形略大一点的图形

再将这个图形导入到emission通道，就能获得边缘发光效果。

Unity--shadergraph--UV dissolve相关推荐

Unity 之 ShaderGraph UV节点解析汇总
Unity 之 ShaderGraph UV节点解析汇总一,Flipbook 1.1 属性介绍 1.2 使用示例二,Polar Coordinates 2.1 属性介绍 2.2 使用示例三,Ra ...
Unity ShaderGraph图片发光效果
Unity ShaderGraph图片发光效果前言发光效果(Glow) 原理 ShaderGraph 前言发光的基本原理,如何给图片施加不同颜色的光公式讲解部分参考10行代码搞定"热 ...
【游戏开发渲染】Unity ShaderGraph使用教程与各种特效案例：Unity2022（持续更新）
文章目录一.ShaderGraph前言二.ShaderGraph科普 1.渲染管线(Render Pipline) 2.可编程渲染管线,SRP(Scriptable Render Pipline) ...
【游戏开发创新】使用Unity ShaderGraph实现在模型上涂鸦的效果，那么，纹个手吧
文章目录一.前言二.思考三.实操 1.Render Texture 2.笔刷图案 3.写脚本:DrawOn3D.cs 4.ShaderGraph 5.模型 6.材质球 7.挂脚本四.运行测试 ...
Unity ShaderGraph全息影像条纹效果案例
Unity ShaderGraph全息影像条纹效果案例前言最终效果制作过程锁定方向并移动UV 给移动的UV上色条纹发光效果制作低频闪烁图片闪烁图片与条纹合并暴露参数材质球设置使用素 ...
Unity ShaderGraph 负片效果
Unity ShaderGraph 负片效果前言效果代码 ShaderGraph 前言让图片呈现出负片的效果参考文章 10行代码搞定"热成像"[shader 奇技淫巧] ...
08.Unity ShaderGraph实例（使用PBR渲染精灵动画）
相关资源下载创建精灵Sheet 制作精灵动画 ShaderGraph:怎么定义精灵贴图 ShaderGraph:怎么剔除Alpha Node:Sample Texture 2D Node:Repla ...
【游戏开发实战】Unity ShaderGraph 2D描边效果、不规则描边效果
文章目录一.前言二.2D描边效果 1.导入一张png素材图片 2.创建一个Unlit Graph 3.使用Sample Texture 2D采样图片 4.显示描边的思路 5.使用Tilling A ...
Unity Shader UV动画之高光材质加上透明材质与UV动画
理解,UV动画实质是对UV的坐标进行变化,从而使纹理产生动态变化例子:从高光材质进行修改 1,加上透明材质的标签以及混合模式,再使用带透明通道的贴图,可以实现:不透明部分的图案,材质是高光材质,透明 ...
Unity ShaderGraph初始使用配置
一般没使用URP管线渲染,或普通2/3D项目的Unity工程,第一次使用ShaderGraph,需要配置一番才能正常使用.下面记录下学习使用和配置设置的过程: 一.新建项目情况下使用ShaderGra ...

Unity--shadergraph--UV dissolve

Unity--shadergraph--UV dissolve相关推荐

最新文章

热门文章