Unity Shader Graph 制作Grid网格效果

效果图：

用到的关键节点：Rectangle矩形节点、Fraction

关于Rectangle矩形节点的官方文档介绍：

大概含义指根据输入的UV生成一个矩形形状，大小由输入的宽度和高度指定，生成的形状可以通过连接一个Tiling And Offset节点进行偏移和平铺。实现重复矩形的效果需要通过Fraction节点连接输入。

关于Fraction节点的官方文档介绍如下，其含义很简单，就是返回输入值的小数部分。

实现：

首先创建一个PBR Graph，在Blackboard黑板中创建要用到的相关属性：

Width（Vector1 类型）：用于控制Rectangle节点宽度，即网格分割线的宽度

Height（Vector1 类型）：用于控制Rectangle节点高度，即网格分割线的高度

Tiling（Vector2 类型）：用于控制Tiling And Offset节点的平铺属性，即网格的规模

Main Color、Second Color（HDR类型 Color）：用于发光效果，实现两种颜色间的插值变换

创建Rectangle节点，输入Width、Height属性：

创建Fraction节点，输出至Rectangle节点UV：

创建Tiling And Offset节点，输出至Fraction节点，并输入Tiling属性值：

通过One Minus节点调整Rectangle节点的输出值，再输出至PBR Master主节点中的Albede和Emission：

创建一个Cube立方体将材质球给其赋值，在Inspector检视面板调整属性查看效果：

创建Lerp节点，通过Sine Time时间节点实现Main Color和Second Color两种颜色间的变换，正弦函数取值范围为[-1, 1]，因此通过Remap节点将取值范围映射到[0, 1]：

最后通过Multiply节点与之前的值相乘后再进行输出，最终完整节点：

Unity Shader Graph 制作Grid网格效果相关推荐

Unity Shader Graph 制作Dissolve溶解效果
遵循国际惯例先看效果: 模型使用了Asset Store资源商店里下载的模型Robot Kyle,创建一个新的PBR Graph,命名为dissolve,双击进入shader graph编辑器,修改M ...
Unity Shader Graph 制作Emission发光效果
效果图: Graph中用到了一个重要的节点,Fresnel Effect菲涅尔效果,在画面渲染中菲涅尔效果是一种很实用的技术手段,在Unity中则经常用它来实现边缘照明. 模型用到的依然是Asset ...
Unity Shader Graph 制作Hologram全息效果
效果图: 用到网上找的一张线条贴图: 创建一个新的PBR Graph,创建以下属性: Hologram Texture(Texture 2D 类型):即上面的线条贴图 Tiling(Vector2 类 ...
Unity Shader Graph 制作Rim Light边缘光效果
效果图: 模型为Asset Store资源商店中免费资源Robot Kyle机器人实现原理: 通过法线方向和视线方向的夹角来判断点是否处于边缘,从而给其增加边缘光,视线方向和法线方向垂直时,则该点在 ...
Unity中用shader graph制作一个简单的传送门效果
Unity中用shader graph制作一个简单的传送门效果一.配置渲染管线 1.通过菜单"Asset" --> "Create" --> &q ...
Unity Shader Graph 使用安装步骤缺失材质球，以及场景原本物体材质球丢失问题解决
Unity Shader Graph 使用安装步骤,以及原本物体材质球丢失问题我是用的版本是2019.3.9版本的,仅供参考. 第1步:Window-PackageManager-点击All Pac ...
Unity Shader 之简单护盾Shield 效果的实现
Unity Shader 之简单护盾Shield 效果的实现目录 Unity Shader 之简单护盾Shield 效果的实现一.简单介绍二.实现原理
Unity Shader学习：Dissolve消融效果
Unity Shader学习:Dissolve消融效果消融效果在游戏里非常常用,这里简单的实现下,代码里用到了if分支在shader里可能会费一点,如果想直接用puppet_master大佬版本的话 ...
unity Shader Graph实现2D图片扭曲波纹效果
先看效果,制作版本:unity2019.4.2 制作2D图片效果,不需要用到光照信息,所以创建ShaderGraph时选用Unlit Graph. 图片一般都会有透明通道,记得修改Unlit Mast ...

Unity Shader Graph 制作Grid网格效果

Unity Shader Graph 制作Grid网格效果相关推荐

最新文章

热门文章