Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)

若你的工程还没有进行基础配置，请查看我的博文Unity 之 ShaderGraph入门使用详解，按照步骤操作完成配置即可，还能顺便学习一下基础操作流程哦~
本文手把手教你制作旋涡效果，入门级教程，还不快动手试试？

一，最终效果展示

老规矩，直接上效果图：

二，创建PBRGraph

在Project面板右键 --> Create --> Shader --> PBRGraph:

重命名:RPAShaderGraph(随意)

双击RPAShaderGraph打开编辑界面

三，实现原理介绍

通过Twirl 旋转节点对Gradient Noise 梯度噪声节点进行操作，就可得到一个旋转的旋涡效果。

然后我们添加时间节点调整Twir的偏移量，让其自动转起来，这个动态的旋涡效果基本就实现了。

四，完整效果实现

就接着三种的效果，继续说吧：
在“PBRGraph”面板空白处 右键 --> 选择“Create Note” 创建Twirl(直接搜索名字即可)。
同理创建“Gradient Noise” 和 “Time” 节点，然后将其输入输出连接如下图：

现在我们已经有了一个动态的旋涡，在一中的效果图上我们可以看到，它并不是黑白色的，下面修改一下颜色：

创建“Color”颜色节点 和 “Multiply”乘法节点，我们将“Gradient Noise”节点的输出 和 “Color”颜色节点的输出都连接到“Multiply”乘法节点的输入上：

然后修改下“Color”节点的颜色，就可以得到一个其他颜色的旋涡了：

接下来，将带有颜色旋涡的“Multiply”乘法节点输出，连接到”PBR Master”主节点的Albode输入上，即可在预览图上看到旋涡的效果上了：

现在预览效果上显示的是一个正方形的，这个样子看起来有点丑奥~ 而且和想要的效果也不一致，那怎么办呢？
添加一个圆形的遮罩不就行了：添加“Ellipse” 圆形节点，将其输入节点的宽高调整为0.8，然后将输出节点，连接到”PBR Master”主节点的Alpha输入上：

然后在点击Master 主节点的“设置”按钮，将“Surface”属性设置为“Transparent” 透明的，即可得到被遮罩的效果了：

其实这时的旋涡效果以及完成了，下面我们添加两个变量，来对旋转时间和旋涡的大小进行控制，这样我们就可以在材质球上进行数值修改，从而方便的得到想要的效果。

在“Blackboard” 上创建一个“Verctor1”的变量，将其拖拽到空白处，并赋值给“Twirl”的“Strength”输入，操作步骤如下：

同理我们在创建一个“Verctor1”变量，然后创建一个“Multiply” 乘法节点，将其“Time”和"V1"相乘后，输出给“Twirl”的“Offset”输入：

至此全部制作就完成了，完整RPA Graph如下：

PS:注意需要将主节点的“Surface”属性设置为“Transparent”透明的，上图并没有体现出来哦~

五，应用到场景中

在“RPA Graph” 编辑界面右上角，点击“Save Asset” 保存一下。然后创建材质球，将其材质选定为刚刚保存的这个“RPAShaderGraph”。

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

最后一步，创建“Plane”将其材质赋值为上面创建的材质球，可以得到最终效果，这时我们可以编辑之前设置好的“Streght”和“Time”属性的值，就可以直接调节想要的效果了：

到此这篇关于Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)的文章就介绍到这了,更多相关Unity ShaderGraph旋涡传送门内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 详解Unity中的ShaderGraph入门使用教程

    详解Unity中的ShaderGraph入门使用教程

    一,ShaderGraph 简介 简介: Unity2018版本之后推出了一个可编程渲染管线工具ShaderGraph,让我们可以通过可视化界面拖拽来实现着色器的创建和编辑. 官方话术: Shader Graph 使您能够直观地构建着色器.您无需编写代码,而是在图形框架中创建和连接节点.Shader Graph 提供反映您的更改的即时反馈,并且对于不熟悉着色器创建的用户来说非常简单. Shader Graph 仅与可编写脚本的渲染管线 (SRP) 兼容,即高清晰度渲染管线 (HDRP) 和通用渲

  • Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)

    Unity中 ShaderGraph 实现旋涡传送门效果入门级教程(推荐)

    若你的工程还没有进行基础配置,请查看我的博文Unity 之 ShaderGraph入门使用详解,按照步骤操作完成配置即可,还能顺便学习一下基础操作流程哦~ 本文手把手教你制作旋涡效果,入门级教程,还不快动手试试? 一,最终效果展示 老规矩,直接上效果图: 二,创建PBRGraph 在Project面板右键 --> Create --> Shader --> PBRGraph: 重命名:RPAShaderGraph(随意) 双击RPAShaderGraph打开编辑界面 三,实现原理介绍 通

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

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

    目录 前言 一,效果展示 二,原理介绍 三,实现效果 四,使用示例 五,完整图示 前言 若你的工程还没有进行基础配置,请查看我的博文Unity 之 ShaderGraph入门使用详解,按照步骤操作完成配置即可,还能顺便学习一下基础操作流程哦~ 本文手把手教你制作超级炫酷的溶解效果,入门级教程,还不快动手试试?有经验的童鞋可以直接跳到最后一步,按照图示搭建即可. 一,效果展示 老规矩,直接上效果图:(最高端的效果只需要最简单的模型呈现) 没学习Shader Graph之前:我靠

  • Unity shader实现自由放大缩小效果

    Unity shader实现自由放大缩小效果

    本文实例为大家分享了Unity shader实现自由放大缩小效果的具体代码,供大家参考,具体内容如下 代码: 以下实现的shader代码: Shader "Hidden/Wave" { Properties { _MainTex ("Texture", 2D) = "white" {} _WaveWidth("Wave Width",float) = 0.5 _CenterX("CenterX",float

  • Unity Shader实现新手引导遮罩镂空效果

    Unity Shader实现新手引导遮罩镂空效果

    这两天实现了下新手引导需要的遮罩镂空shader效果,记录一下. 1.圆形镂空shader代码:  //计算片元世界坐标和目标中心位置的距离 float dis = distance(IN.worldPosition.xy, _Center.xy); //过滤掉距离小于(半径-过渡范围)的片元 clip(dis - (_Radius - _TransitionRange)); //优化if条件判断,如果距离小于半径则执行下一步,等于if(dis < _Radius) fixed tmp = st

  • Unity中使用反射机制调用函数

    Unity中使用反射机制调用函数

    Unity中使用反射机制调用函数,供大家参考,具体内容如下 我们在进行开发时有时会碰到使用反射机制来处理事件消息,下面就是一种使用反射机制处理消息的方法 示例代码 共有两个脚本,其中一个模拟消息处理类,一个模拟使用类 using System.Reflection; using UnityEngine; using UnityEngine.UI; public class ReflectionTest : MonoBehaviour { public Button bt0; public But

  • Unity中3DText显示模糊不清的解决方案

    Unity中3DText显示模糊不清的解决方案

    在Unity中,当我们想要给3D物体一个文字说明时,使用Canvas下的Text虽然也能通过缩放实现,但是实现起来比较麻烦,改动的多,大小和位置也不容易控制. 此时就需要用到我们的3DText了,对于初次使用这个组件的"攻城狮"来说,会发现在Game场景中很模糊 具体修改操作如下: 此时,只需要选中当前3DText的物体,修改TextMesh组件下的Character Size和Font Size两个属性值.例如: 在这里,Character Size值越小,同时Font Size越大

  • 在Unity中使用全局变量的操作

    在Unity中使用全局变量的操作

    创建一个脚本,输入下面的代码.脚本不需要添加到任何物体上,globle变量可以跨场景全局调用. using System.Collections; using System.Collections.Generic; using UnityEngine; public class Globle { public static int globle= 1; } 和以前的许多语言不同,C#没有全局变量或全局函数.C#的所有字段和方法都在类的上下文中. 在C#中,与全局字段或函数等价的是静态字段或方法.

  • Unity中的静态批处理和动态批处理操作

    前言 Unity在运行时可以将一些物体进行合并,从而用一个绘制调用来渲染他们.这一操作,我们称之为"批处理",能得到越好的渲染性能. Unity中内建的批处理机制所达到的效果要明显强于使用几何建模工具的批处理效果,因为,Unity引擎的批处理操作是在物体的可视裁剪操作之后进行的,处理的几何信息少很多. 材质 只有拥有相同材质的物体才可以进行批处理,因此,你需在程序中尽可能多地复用材质.如果你的两个材质仅仅是纹理不同,那么你可通过纹理拼合来将这两张纹理拼合成一张大的纹理,这样,你就可以使

  • 详解Unity中Mask和RectMask2D组件的对比与测试

    详解Unity中Mask和RectMask2D组件的对比与测试

    组件用法 Mask组件可以实现遮罩的效果,将一个图像设为拥有mask组件图像的子物体,最后就会隐藏掉子图像和mask图像不重合的部分.例如: (蓝色的圆形名为mask,数字图片名为image) 在"mask"图片上添加mask组件后的结果(可以选择是否隐藏mask图像): RectMask2D的基本用法 RectMask2D的用法和mask大致相同,不过RectMask2D只能裁剪一个矩形区域,同时RectMask2D可以选择边缘虚化 原理分析 Mask的原理分析 Mask会赋予Ima

随机推荐