shaderGraph练习（二）------ 流光效果 Lerp

最新推荐文章于 2023-06-25 16:33:04 发布
最新推荐文章于 2023-06-25 16:33:04 发布
阅读量939 收藏 4
点赞数 2
分类专栏： Shader Graph unity 文章标签： 自动驾驶 深度学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43598617/article/details/120808415
版权

本系列是shaderGraph的练习

流光效果

1. 效果展示

请添加图片描述
请添加图片描述

2. 变量与节点解析

变量：
Albedo（texture）：反射贴图，表现模型纹理和颜色
Normal（texture）：法线贴图，改变模型表面光照结果，增加真实感
Emission（texture）：自发光贴图，让模型自发光
Metallic（texture）：金属贴图，表现金属高光反射结果，本身是一张灰白图，越白，金属度越强，反之越弱。
lerpProp（float）：插值比例，类似透明效果
speedXY（vector2）：在x、y轴上的流动速度
water2D（texture）：流光效果的贴图

节点：
Lerp：插值节点，Out = A*(1-T)+B*T

3. 连连看

  1. 设置x、y流动速度，与Time节点相乘作为uv节点的偏移
    在这里插入图片描述

  2. 将输出作为流光贴图的uv输入，输出的节点连接到Lerp插值节点的B上，设置插值节点的透明度。Albedo贴图也通过Sample Texture 2D节点连接到Lerp节点的A上。
    在这里插入图片描述

  3. 其余几张贴图也通过Sample Texture 2D节点连接到对应的片段着色器函数的节点上
    在这里插入图片描述

总预览
在这里插入图片描述

4. 保存和设置

保存

设置
在这里插入图片描述

5. 意外之喜

在尝试之中忘了连接这条3维的坐标线，呈现出2维的流动，在模型uv的叠加显示下反而出来一个挺有意思的效果
在这里插入图片描述
请添加图片描述
应该是因为在2d的贴图上是单向流动的，然后附加到模型上的贴图部分部位是旋转后，导致流动的效果各异（个人理解，如有不正确，欢迎指出）

朽木zi
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
特效半透流光shader
06-24
渲染shader：半透流光shader 渲染shader：半透流光shader 渲染shader：半透流光shader
[ShaderGraph]07.2D和3D流光效果
songtianqi123的专栏
03-28 692
2D流光ShaderGraph节点图： 效果图： 3D流光ShaderGraph节点图： 效果图: 节点解析：本效果不涉及新节点。主要使用了Time，Position，Mulpity，Add，SampleTexture2D，Tiling And Offset等节点。 ...
shadergraph_learning_09 流光效果
唐僧的专栏
01-31 1218
shadergraph_learning 流光效果 下面 就是我们的 2D 流光效果 思路： 通过 Time 节点， 控制 一个 Texture2D 图片的 VU移动 与另外一张 图片 叠加 （add） 大体 步骤 如下图 下面 就是我们的 3D 流光效果 3D 流光 效果 和 2D 不同的是： ...
ShaderGraph关于贴图方面实战
m0_72467275的博客
06-05 1724
总结：
【Shader Graph】流光效果（模型流光）
PangNanGua的专栏
09-29 5542
ShaderGraph的入门知识和基本操作可以参考：【Shader Graph】Shader Graph入门 流光效果的实现原理和shader代码可以参考：【Unity3d Shader】流光效果（模型流光） ShaderGraph实现的效果图如下： ShaderGraph如下（点击可看大图） ...
Shader Graph5-线性插值函数（上）
zhuziying99的专栏
04-04 679
星形外围黑色的部分相当于数字0,0的时候A占100%，也就是图1的3显示，4不显示，星形中间的部分是白色相当于数字1,1的时候B占100%，也就是图2的3不显示，4显示。Lerp上的T可以理解为占比，T=0时A的占比100%，T=1时B的占比100%，T=0.5时A、B各占比50%添加节点时，注意我们选择的是Math->LinearInterpolate，变量是使用Constant。修改变量的值，我们可以点击float，然后在左侧修改Value的值。换成Lerp节点，x=0得到红色，x=1得到蓝色。
207流光
weixin_42935398的博客
05-23 1554
目录:【图片】的流光效果原理改进1：让流光动起来改进2：控制流光方向完整连线图【模型】的流光效果 【图片】的流光效果 原理 一张有黑色背景的流光图和要被修饰的图，进行叠加 改进1：让流光动起来 流光图UV随时间偏移：Time节点，连Tiling And Offset节点的Offset 改进2：控制流光方向 此时的流光，是从图的右上向左下循环移动——我们想让流光水平移动：把Tiling And Offset的Offset这个二维向量单独分出来，让Time只连二维向量的x（y保持为0） 完整连线图 【
ShaderGraph从入门到实战
09-23
大智和你一起学习ShaderGraph，在实战中探索。课程内容 ShaderGraph的基本使用丰富的实战案例： · 全息效果· 边缘光效果· 溶解效果· 积雪效果· 扭曲效果· 干扰效果· 流光效果· 石化效果· 顶点动画：跳动的小球· 游动的龙鱼· 小草摇曳效果· 海面效果· 水晶效果· 裂缝的冰面效果· 自定义节点的用法及改造裂缝的冰块· 云海效果· 雨滴涟漪效果· 卡通渲染所需前置知识 安装好Unity即可
color-lerp:通过线性插值创建颜色数组
06-12
$ npm install color-lerp -S 用法 将 2 种颜色变成 3 种颜色的光谱。 var colorLerp = require ( 'color-lerp' ) ; colorLerp ( 'hsl(0, 50%, 50%)' , 'hsl(100, 50%, 50%)' , 3 ) ; // => ['hsl(0, 50%, 50%)', ...
lerp-css-string:在 css 字符串中插入值
07-08
lerp-css-字符串 在两个 CSS 字符串之间插入值，返回一个新字符串。 var lerp = require ( 'lerp-css-string' ) lerp ( '10px' , '0px' , 0.5 ) // -> '5px' lerp ( '100%' , '50%' , 0.5 ) // -> '75%' lerp ( '...
lerp-array:快速识别两个数字或一组数字
07-09
var lerp = require ( 'lerp-array' ) //RGB colors var color1 = [ 0 , 255 , 0 ] var color2 = [ 255 , 0 , 0 ] //lerp the two var color3 = lerp ( color1 , color2 , 0.5 ) 用法 lerp(v1, v2, t[, out]) 使用...
node-mathp:节点的数学实用程序
05-02
所有的polyfills均按照mocha + chai进行了对照第六版ECMAScript语言草案第二十五版所描述的规范进行测试，以确保最佳合规性。 其他方法 一般的 sign1（值） copySign（值，符号） lerp（值1，值2，比率）
dlcv_latent-walk-slerp-vs-lerp_demo.py例子
01-28
官方例子，深度学习专用，机器学习专用，代码简单，一看就会(dlcv latent-walk-slerp-vs-lerp demo)
shaderGraph练习（三）------ 渐变效果
weixin_43598617的博客
11-02 2777
本系列是shaderGraph的练习 透明效果1. 效果展示2. 变量与节点解析3. 连连看 1. 效果展示 2. 变量与节点解析 变量： Albedo（texture）：反射贴图，表现模型纹理和颜色 Spread（float）：渐变强度，越大表示渐变（过渡生硬），越接近0表示过渡自然，正负表示方向 position（float）：偏移量 Color1（Color）：渐变颜色1 Color2（Color）：渐变颜色2 节点： Lerp：插值节点，Out = A*(1-T)+B*T 3. 连连看
载自unitycommunity的outlineshader
lynon的专栏
11-24 1651
//Shader "Custom/OutlineGeneral" {     Properties {         _Color ("Main Color", Color) = (.5,.5,.5,1)         _OutlineColor ("Outline Color", Color) = (0,0,0,1)         _Outline ("Outline width"
【Unity3D】HighlightingSystem3D物体边缘高亮效果使用教程
g947195395的博客
04-17 2244
unity 物体高亮效果实现
Unity 新手向，如何快速利用插件设置高亮状态
最新发布
m0_64688993的博客
06-25 2309
Unity初学者向，快速利用免费插件设置高亮效果
unity中，常用的ShaderGraph节点介绍
qq_20179331的博客
05-04 3449
unity中，常用的ShaderGraph节点介绍。功能原理。
[unity3d-2018.2.4f]C4D地形导入与贴图以及添加碰撞器
weixin_43598617的博客
06-01 3060
导入C4D模型，发现没有材质贴图导入地形与贴图以上教程基本解决了我的疑惑，就是一些细节在这里加下笔记，方便后面查看添加碰撞器文末福利 导入地形与贴图 在网上找了些教程，有一篇提供了不小帮助，Mark下，感谢作者 源链接：https://www.cnblogs.com/liu102401/p/10615262.html 以上教程基本解决了我的疑惑，就是一些细节在这里加下笔记，方便后面查看 在C4D...
unity Shader Graph全息效果实现
06-06
要在Unity中使用Shader Graph实现全息效果，可以按照以下步骤进行操作： 1. 创建一个新的Shader Graph材质，并将其应用于需要添加全息效果的对象上。 2. 在Shader Graph编辑器中，创建一个新的Unlit Master节点，并将其命名为“Hologram”。 3. 将这个节点的输出连接到一个新的Sub Graph节点。在这个新的子图中，创建一个新的Unlit Master节点，并将其命名为“Hologram Subgraph”。 4. 在“Hologram Subgraph”节点中，创建一个新的属性节点，用于控制全息效果的颜色和强度。 5. 创建一个新的UV节点，并将其连接到一个新的Time节点。将这些节点连接到一个新的Panner节点中，以控制全息效果的运动。将输出连接到一个新的Texture Sample节点中，用于采样全息纹理。 6. 创建一个新的Fresnel节点，并将其连接到一个新的Lerp节点中。将“Hologram Subgraph”的输出连接到lerp节点的第一个输入中，将全息纹理的输出连接到lerp节点的第二个输入中。使用“Hologram Subgraph”节点中的属性节点来控制lerp节点的混合值。 7. 将“Hologram Subgraph”的输出连接回到主Shader Graph中，以完成全息效果的创建。 通过这些步骤，你就可以使用Shader Graph在Unity中实现全息效果了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值