09.Unity ShaderGraph实例（LWRP+UnitMaster节点制作自发光效果的精灵）

最新推荐文章于 2024-10-05 23:34:09 发布
最新推荐文章于 2024-10-05 23:34:09 发布
阅读量2.5k 收藏 7
点赞数 1
分类专栏： ShaderGraph 文章标签： ShaderGraph
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/unity3d_xyz/article/details/103291817
版权
本文详细介绍了如何使用Unity的ShaderGraph创建一个基于时间的周期处理的自发光效果精灵。通过Time、Multiply、Sine、Remap、Lerp、OneMinus和Branch等节点，结合ShaderGraph的ShardGraph，实现精灵的Alpha通道过滤和自发光效果。内容包括各个节点的功能定义、端口介绍及代码生成过程。
摘要由CSDN通过智能技术生成

Node：Time
Node：Multiply
Node：Sine
Node：Remap
Node：Lerp
Node：OneMinus
Node：Branch
ShardGraph：基于时间的周期处理
ShardGraph：另一种过滤精灵Alpha方法

原始图和效果展示

在这里插入图片描述
在这里插入图片描述

Node：Time

在这里插入图片描述
功能定义

在Shader中提供访问时间单位的参数

端口介绍
在这里插入图片描述
代码生成

float Time_Time = _Time.y;
float Time_SineTime = _SinTime.w;
float Time_CosineTime = _CosTime.w;
float Time_DeltaTime = unity_DeltaTime.x;
float Time_SmoothDelta = unity_DeltaTime.z;
Node：Multiply

在这里插入图片描述
功能定义

返回A乘于B的结果，如果A和B是同一维度的向量，结果也是同维度；如果一个是Vector，另外一个是Martix，则返回Vector；如果一个是一维度另外一个是四维度，则返回四维度。

端口介绍
在这里插入图片描述
代码生成
在这里插入图片描述

Node：Sine

在这里插入图片描述
功能定义

返回输入值的正弦值

端口介绍
在这里插入图片描述
代码生成

void Unity_Sine_float4(float4 In, out float4 Out)
{
   
    Out = sin(In);
}
Node：Remap

在这里插入图片描述
功能定义

Remap中文意思是重新映射，和Mathf.Clamp功能类似；限制一个数值的范围在[x,y]之间。限制输入的In最小值在In Min Max之间，输出值在Out Min Max之间。

端口介绍
在这里插入图片描述
代码生成

void Unity_Remap_float4(float4 In, float2 InMinMax, float2 OutMinMax, out float4 Out)
{
   
    Out = OutMinMax.x + (In - InMinMax.x) * (OutMinMax.y - OutMinMax.x) / (InMinMax.y - InMinMax.x);
}
Node：Lerp

在这里插入图片描述
功能定义

返回基于T时间的进度[0,1]范围来取值A,B；如果T是0则取值A，如果T是1则取值B，如果T是0.5则取AB之间的值。

端口介绍
在这里插入图片描述
代码生成

void Unity_Lerp_float4(float4 A, float4 B, float4 T, out float4 Out)
{
   
    Out = lerp(A, B, T);
}
Node：OneMinus

在这里插入图片描述
功能定义

返回输入的结果In通过1来相减

端口介绍
在这里插入图片描述
代码生成

void Unity_OneMinus_float4(float4 In, out float4 Out)
{
   
    Out = 1 - In;
}
Node：Branch

在这里插入图片描述
功能定义

为Shader提供动态的分支；如果断言（Predicate）为真，则通过True来输入，反之False也成立；这个决策在Shader的每个顶点或每个像素阶段；两边的分支都会在Shader中计算，即使有一个分支永远无法输出。

端口介绍
在这里插入图片描述
代码生成

void Unity_Branch_float4(float Predicate, float4 True, float4 False, out float4 Out)
{
   
    Out = lerp(False, True, Predicate);
}
ShardGraph：基于时间的周期处理

Thinking in logic
基于时间单位的周期处理
需要时间Time，通常会携带一个速度Vector1，Time进行输出，乘于速度方便调整
Time用Sine Time，NO！因为我们有携带速度，Sine Time是已经经过转换的速度，取值[-1,1]；这个数据再和速度相乘没有 任何的意义，用普通Time，普通的Time是一个单位增量，1 2 3 … n；这个数据和速度搭配有意义；那么可以用Delta Time？
DeltaTime是每帧的执行时间间隔，1秒帧闪60下？没有意义
周期处理需要用到周期函数，Sine Cosine都可以，一个是正弦一个是余弦，功能上有一点差别，如果你想顺着来用正弦，你想倒着来则用余弦函数
正弦和余弦的取值都是[-1,1]
在这里插入图片描述

ShardGraph：另一种过滤精灵Alpha方法

上次实例的Alpha通道没有理清楚，这次又遇到，有了一些了解
无论是PBR还是Unit都有Alpha和AlphaClipThreshold字段输入端口
在这里插入图片描述
【0是全透明，1是不透明】
Alpha并不会改变纹理的透明度，只会作用于透明通道和自己功能AlphaClipThreshold；其实只有一个功能，给AlphaClipThreshold来当参数输入数值的，打前锋的
AlphaClipThreshold这个高大上的输入节点，开始剔除Alpha通道，如果低于上面输入的Alpha的值则不显示
在这里插入图片描述
显示预览图中，白色的是Alpha通道，白色的区域表示这里有其他颜色占领了，在Alpha通道中就变成了白色
不能直接剔除Alpha通道的区域，因为这块区域本来就是真实贴图内容，应该是剔除Alpha通道之外的区域
那么，Alpha的取值是[0,1]；正常情况下的0要变成1，用1去相减就可以转换过来
最后取一个适中的值，不至于剔除太严重，>>>Alpha = 0.5

源码

新建一个文件，后缀为.shadergraph

{
   
    "m_SerializedProperties": [
        {
   
            "typeInfo": {
   
                "fullName": "UnityEditor.ShaderGraph.ColorShaderProperty"
            },
            "JSONnodeData": "{\n    \"m_Value\": {\n        \"r\": 0.0,\n        \"g\": 0.0,\n        \"b\": 0.0,\n        \"a\": 0.0\n    },\n    \"m_Name\": \"Color\",\n    \"m_GeneratePropertyBlock\": true,\n    \"m_Guid\": {\n        \"m_GuidSerialized\": \"4ca31b58-21c2-490d-940c-173e6ba2e55f\"\n    },\n    \"m_OverrideReferenceName\": \"\",\n    \"m_ColorMode\": 0,\n    \"m_Hidden\": false\n}"
        },
        {
   
            "typeInfo": {
   
                "fullName": "UnityEditor.ShaderGraph.Vector1ShaderProperty"
            },
            "JSONnodeData": "{\n    \"m_Value\": 5.0,\n    \"m_Name\": \"Speed\",\n    \"m_GeneratePropertyBlock\": true,\n    \"m_Guid\": {\n        \"m_GuidSerialized\": \"82416e16-c90c-428a-9e5b-adadb1ba618d\"\n    },\n    \"m_OverrideReferenceName\": \"\",\n    \"m_FloatType\": 0,\n    \"m_RangeValues\": {\n        \"x\": 0.0,\n        \"y\": 1.0\n    }\n}"
        },
        {
   
            "typeInfo": {
   
                "fullName": "UnityEditor.ShaderGraph.TextureShaderProperty"
            },
            "JSONnodeData": "{\n    \"m_Value\": {\n        \"m_SerializedTexture\": \"\",\n        \"m_Guid\": \"0c8fd28e4403cae4db24f3320f7283dc\"\n    },\n    \"m_Name\": \"Texture2D\",\n    \"m_GeneratePropertyBlock\": true,\n    \"m_Guid\": {\n        \"m_GuidSerialized\": \"aca9803b-8d12-4684-b70f-b99fa9c9c64d\"\n    },\n    \"m_OverrideReferenceName\": \"\",\n    \"m_Modifiable\": true,\n    \"m_DefaultType\": 0\n}"
        },
        {
   
            "typeInfo": {
   
                "fullName": "UnityEditor.ShaderGraph.BooleanShaderProperty"
            },
            "JSONnodeData": "{\n    \"m_Value\": false,\n    \"m_Name\": \"Branch\",\n    \"m_GeneratePropertyBlock\": true,\n    \"m_Guid\": {\n        \"m_GuidSerialized\": \"116d4ca1-f251-4c54-aa5a-6a0d15449f72\"\n    },\n    \"m_OverrideReferenceName\": \"\"\n}"
        }
    ],
    "m_GUID": {
   
        "m_GuidSerialized": "c6668da3-997c-4239-81a2-67efe3c928a9"
    },
    "m_SerializableNodes": [
        {
   
            "typeInfo": {
   
                "fullName": "UnityEditor.ShaderGraph.UnlitMasterNode"
            },
            "JSONnodeData"
最低0.47元/天 解锁文章
inspironx
关注
专栏目录
unity探索者之Shader Graph所有节点详解-Master篇
UnityExplorer的博客
09-27 6201
Master（主节点） 1、PBR Master（基于物理渲染的材质主节点） 输入端口 释义 Vertex Position 定义每个顶点的绝对对象空间顶点位置 Vertex Norma 定义绝对对象空间顶点法线逐顶点 Vertex Tangent 定义绝对对象空间顶点逐顶点切线 Albedo 定义材质的反照率，范围为0-1 Normal 定义材质的法线，法线的对象空间应该是切线空间 Emission 定义材质的颜色 Metallic 定义材质的金属值，其中0表示非
ShaderGraph 案例集：2D/基础/箭头移动像素化（200517）
kill566666的博客
05-17 914
这里写自定义目录标题
Unity Shader Graph实现模型任意方向剖切（学习笔记/五毛钱特效）
qq_40991440的博客
07-10 3275
Unity Shader Graph实现模型任意方向剖切（学习笔记/五毛钱特效）使用Shader Graph：Unlit Master
Unity Shader Graph基础包200+节点及术语解释
最新发布
charon8778的博客
10-05 1977
Unity Shader Graph基础包的两百个节点 展示了每个节点的运行情况，附示例、每个输入输出功能说明以及某些节点的实践
Unity2018 Shader Graph 实验室
08-17 342
Unity2018 Shader Graph 实验室 ShaderShader GraphUnity Tips: -- 在shader forge和amplyfy Shader节点图形化shader编程的诱惑下，unity官方终于在2018版本也推出了而自己shader节点可视化编程工具Shaderr Graph。本篇文章是对Shader Graph一些效果的尝试...
Unity ShaderGraphs(二) 一些操作UV节点的举例
oscarwsd的博客
07-25 2044
效果：PingPong 较上一篇中的移动贴图，这里做了一些简单的拓展，主要使用Sine节点（正弦函数），实现贴图来回移动，像乒乓球一样。节点如下： 其中： Property:Speed 控制移动速度 Property:Distance 单次移动的最大距离 Sine节点：这里是输入Time的累积量，输出是[-1,1] Remap节点：重新映射到某个范围，这里是从[-1,1]映射到[0,distance] Tiling And Offset节点：这里主要是使用Offset偏移值，传入Remap之后的结果，则
Unity ShaderGraph
绀目澄清
12-22 336
怎样使用Unity ShaderGraph 这边给大家总结一下，这边想要使用Unity ShaderGraph需要 Unity 2018.1以上的版本。 1菜单栏 window->pacakgemanager->all下面下载Lightweight Render以及ShaderGraph两个包。 然后在文件夹界面右键create-Rendering下创建一个LightWeight...
unity shader可视化工具——Shader Graph
Poggio742的博客
02-13 1万+
Shader Graph是可以实时通过可视化界面的节点连接来实现着色器的创建及编辑的可编程式渲染管线工具。
08.Unity ShaderGraph实例（使用PBR渲染精灵动画）
Unity3d 攻城师一枚
11-21 3136
相关资源下载 创建精灵Sheet 制作精灵动画 ShaderGraph：怎么定义精灵贴图 ShaderGraph：怎么剔除Alpha Node：Sample Texture 2D Node：Replace Color Node：Invert Color 相关资源下载 创建精灵Sheet 下载上面的资源以后导入到Unity，按照划线提示操作 选择Sprite Editor，按照操作步骤...
unity自发光材质.zip
09-16
1. **自发光通道**：Unity的自发光（Emission）通道是Shader Graph或标准材质（Standard Shader）的一部分。这个通道允许开发者添加一个颜色或纹理，使得模型表面可以独立于环境光而发光。这对于制作霓虹灯、火焰、...
边缘发光材质unity_Unity Shader Graph 小功能实现（一）边缘发光
weixin_39940913的博客
12-21 824
在Unity 2018.2 版本正式启用了高清渲染管线，shader可视化编程。现在我们就尝尝鲜，来实现了个物体边缘发光的shader效果。准备点击Windos->Package Manger 打开包管理器：依次安装如下渲染器：场景布置创建场景设置创建一个圆柱体和材质球，并将材质球给与圆柱体创建一个Shader Graph(PBR)打开shader利用可视化蓝图 编写发光Shader为材质球...
unity-shadergraph-sandbox：：pencil2：Unity的ShaderGraph示例集合
02-06
ShaderGraph示例和演示 新的着色器示例的完整集合。 Unity制作的基于节点的着色器创建工具 克隆 该存储库包含用于外部依赖项的子模块，因此在执行新克隆时，需要递归克隆： git clone --recursive https://github.com/andydbc/unity-shadergraph-sandbox.git 现有存储库可以手动更新： git submodule init git submodule update 例子 溶解 火 全息图 像素化 香椿 简单标志 要求 需要或更高版本。 执照 根据。
Shader Graph Example Library.rar
03-05
7. **TextMesh Pro**：TextMesh Pro是Unity的高级文本系统，其Shader Graph示例可能包括动态文本、描边效果、自发光文字等，增强了文本在游戏中的视觉表现。 8. **Procedural**：这部分可能涉及到程序生成的纹理和...
unity-shader-ShaderGraph可视化shader
热门推荐
.
05-05 2万+
title: unity-shader-ShaderGraph可视化shader categories: Unity3d tags: [unity, shader, ShaderGraph, 可视化] date: 2019-05-03 18:04:23 comments: false unity-shader-ShaderGraph可视化shader, 和 shader forge 插件, u...
Unity2018 Shader Graph
红叶
04-23 477
链接：https://www.cnblogs.com/Firepad-magic/p/9495900.html
Unity-ShaderGraph制作2D动画精灵发光
qq_44512151的博客
04-17 3557
Unity-ShaderGraph制作2D动画精灵发光项目设置 项目设置 普通的2D工程，在PackManager上下载Universal RP这样能安装URP的所有包。 由于是2D项目，没有设置管线渲染素材所以我们要告诉Unity使用URP渲染2D图形。 Create->Rendering->URP->pipeline asset这样会创建两个素材 一个是管线默认的渲染器如下图...
Unity Shader Graph（二）Dissolve Effect
weixin_30262255的博客
08-27 343
此篇文章记录Dissolve Effect（溶解特效）的制作过程 软件环境 Unity 2018.1.2f1 Packages: Lightweight Render Pipeline 1.1.11 Dissolve Effect最终效果 创建工程及初始设定 New Project & New Scene； 创建Lightweight Pipeline Asset，打开V...
【Unity】Shader Graph 入门
Miss_ReRia
12-25 897
感谢 导入 在Package Manager中搜索Shader Graph，并且导入 使用 在Assert文件夹中右键Create -> Render Texture，命名为Water Render 在Inspector窗口中设置size大小 在Hierarchy窗口中右键新建一个Camera 注意这个新的Camera需要和Main Camera有相同的设置，且移除新Camera的Audio Listener 在新Camera的Inspector窗口中的Output选项中的
Unity着色器可视化编辑器——Shader Graph
#的博客
03-19 1万+
Unity着色器可视化编辑器——Shader Graph 前言 学习一下Unity的Shader可视化编辑工具——Shader Graph。 Shader Graph 出现 在Unity 2018.1版本以后，Unity官方推出了一个可视化的Shader编辑工具——Shader Graph Shader Graph可以在一个可视化的面板中完成shader功能的实现，一句代码都不需要写，大大降低了shader的开发难度。 建立项目以及安装shader...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值