Shadergraph浅试1 uv偏移 linerenderer的透明动态流动

已于 2023-03-14 14:50:12 修改
阅读量1k 收藏 6
点赞数 1
CC 4.0 BY-SA版权
文章标签： unity shadergraph
于 2023-03-14 14:49:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35080168/article/details/129518708
文章介绍了如何在自动驾驶仿真实现车辆动态规划线的展示，通过ShaderGraph创建动态材质，使轨迹线更加生动。作者提到使用透明箭头图像，并通过调整speed、length参数来控制UV偏移和边形长度，实现动态效果。同时，通过颜色调节参数可以改变轨迹线的颜色。注意，在设置材质参数时，需要确保变量名与代码中的引用一致。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在自动驾驶仿真中, 车辆动态规划线是一个很有必要的直观展示,用linerenderer去展示这些轨迹点足以,but 只有一条线略显单调, 这里使用shadergraph做个动态的材质让它灵活起来.

准备工作:先通过百度在ps里搞出来一个透明底儿的箭头

图在下方

然后随便创建一个shadergraph开搞

创建好之后长这样

点击空格 弹窗创建主贴图

一张图一张图的贴好麻烦 直接贴最后

从最左侧说

自定义的speed  用来控制速度的
乘以-1 是因为方向不对头 不想去ps里调整图片了 
这俩属性经过multiply方法相乘之后 在和时间相乘给到一个 vector2作为UV的offset值  以作动态偏移
不同长度的可能会导致边形,所以在UV的tiling值也引入了一个自定义的length参数 用来调节
最终汇聚到texture2D的uv  导出的数值再和一个自定义的颜色相乘 目的是可以调节颜色

需要注意的几点:

  • 1.新建的参数 直接命名只是shader内部用的 如果运行时代码设置参数, 用的是蓝框内的Reference的值,所以如果有需要代码设置比如

  material.SetFloat("_Length", length / 6);//设置长度

就需要确保第一个参数和Reference设定的一致才可以 第一次不知道 卡在这里半小时 恼火!

  • 2.最开始的想法是要透明的 but 如上全图那种一直实现不了 折磨了一会儿之后 发现只要把透明通道拉一根线就可以实现了

就可以透明着动啦

最后 那些自定义的参数 在材质球面板如下

Unity之ShaderGraph如何实现UV抖动
TxNet
10-19 878
今天我们通过噪波图来实现一个UV抖动的效果。
Unity Shader Graph 2D 实例 - UV滚动背景动画
Giver的博客
01-17 1876
UV动画在ShaderGraph中是非常基础且实用的功能，如上图所示的滚动效果就是通过ShaderGraph中的UV动画进行实现的。
Shader Graph25-UV移动旋转缩放（自定义函数）
zhuziying99的专栏
10-18 860
Offset为偏移值，Rotation为旋转速度，Scale为重复数，Pivot旋转中心的位置。一、UE在Material中右键，新建Material Function。三、Unity版本，新建Sub Graph命名为TransformUV。UVs变量后面增加一个默认UV的设置，如果没有uv传入则使用默认uv。编写内容，可以复制摇晃树叶的代码进入该sub graph。我们将UV操作放入函数内，该函数的内容来自我之前的文章。别忘了保存，最后的代码是这样的。修改Output名字和类型。
Shader Graph3-第一个Shader滚动UV
zhuziying99的专栏
04-01 515
UE和Unity的shader工作流程基本一致，只是Unity中的UV节点在UE中使用的是TexCoord，使用UE的时候可以直接拖拽Texture到工作区，它会自动创建节点。Multiply左侧的0.3是控制UV滚动速度的，通过特殊的节点获得UV的值，而不能是直接将值连接到UV上是不对的。
UnityShaderUV动画讲解一：移动端UV简单偏移
shijunwei0326的博客
04-14 2753
变体的使用有一篇参考文献写的非常好，我这里就不展开讲解了，各位技术大佬注意一点的是变体数量不能超过255个。今天开始给大家讲解动态效果第一弹：UV动画， 常见于特效使用，背景移动，贴图滚动效果等等。_Time是用来驱动shader内部的动画的变量，用来计算时间变量。_Time的4个分量分别是(t/20, t, t*2, t*3)其原理就是通过时间去修改UV坐标上的X值和Y值从而改变每个像素在模型表面的位置。
Unity Shader Graph 制作车流效果（UV滚动）
当代野生程序猿
12-06 6328
国际惯例先看效果： 模型用到的是一个简单的管线： 用到的贴图： 首先创建一个新的PBR Graph，在Blackboard面板处创建以下属性： Speed（Vector1 类型）：用于控制UV滚动的速度 Texture Tiling（Vector2 类型）：用于控制Tiling属性 Main Texture（Texture2D 类型）：用于滚动的贴图 Main Color（HDR类型Color）：用于控制颜色 Direction（Vector2 类型）：用于控制滚动方向
Unity ShaderGraphUV流动效果案例
SlowFeather's blog
04-15 3925
Unity ShaderGraphUV流动效果案例前言最终效果制作过程制作可控制速度的不断增加的值制作UV中Y轴移动连接变化的值与UV暴露参数材质球设置使用素材 前言 好好学习，天天向上。 参考链接: https://blog.youkuaiyun.com/zjw1349547081/article/details/54341125 最终效果 制作过程 制作可控制速度的不断增加的值 使用一个变量与当前时间相乘，得到一个不断增加的值。 制作UV中Y轴移动 将Tiling And Offset中的Offset的Y做出变
Unity + Shader Graph 2D + UV滚动动画效果 + 纹理贴图
02-02
为了实现UV滚动动画，首先需要创建一个2D的Shader，然后在Shader Graph中使用节点来定义UV滚动的逻辑。核心在于利用时间（Time）变量来控制UV坐标的变化。通常，会使用“Time”节点来获取运行时间，然后通过“Add”...
ShaderGraph节点——UV
liquanyi007的博客
03-28 2798
UV Nodes Flipbook——动画：根据输入的UV创建动画或纹理帧动画的UV。平铺的贴片数量由输入的宽度和高度值定义。当前块的索引是由输入Tile的值定义的。 此节点可用于创建纹理动画功能，通常用于粒子效果和精灵，方法是向输入Tile提供时间（Time）并将输出输出到纹理采样器（Texture Sampler）的UV输入槽。 UV数据通常在0到1之间，从UV空间的左下角开始。这可...
[Unity] ShaderGraph利用Time节点制作流动与旋转效果
连连看爱好者
01-13 1803
ShaderGraph利用Time节点制作流动与旋转效果
unity绘制一条流动的弧线（贝塞尔线）
08-19
主要为大家详细介绍了unity绘制一条流动弧线的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
unityshader：水流动效果shader
03-29
u3d场景中用于实现水流动的效果的shader
【shader】 顶点偏移和UV扭曲
weixin_41640571的博客
05-13 4548
【shader】 海面波浪效果，包含UV正旋位移和顶点偏移； 以下为代码块 Shader "MyTestShader/WaterShader" { Properties { _MainTex ("Texture", 2D) = "white" {} _NoiseTex("噪声纹理",2d)="white"{} _XOffset("XUV偏移",Range(0,1))=0 ...
Unity LineRenderer 画运动轨迹
weixin_41054345的博客
10-30 3856
问题描述： 一开始将LineRender组件 附给想要画轨迹的物体时，并不会显示在视图中。 原因是 需要动态产生 画线的实例，并把它附给 父object Youtube画线学习链接 LineRenderer 画运动轨迹 1、给组件添加 材质 Materials ，不添加不会有画线！！！ 2、设置画线的起点和端点， 一般设置端点 End Cap Vertics 多添加几个，此处为5个 如果设置为1个，会根据原始Material的样子画线 3、 设置 color，width 等其他属性 4、Positi
unity探索者之Shader Graph所有节点详解-UV篇
UnityExplorer的博客
09-27 6183
UV 1、Flipbook（图像序列视图）   提供按照网格结构序列化读取纹理内容的功能，并且可以在X或Y方向进行反转操作。 2、Polar Coordinates（极坐标）   将“输入UV”的值转换为极坐标。 3、Radial Shear（径向剪切）   通过输入的UV，实现类似于波浪的径向剪切扭曲效果。可调整扭曲效果的中心点，效果的整体强度及扭曲偏移程度。 4、Rotate（旋转）   根据UV对纹理进行旋转。通过设置Center调整旋转的中心点，通过设置Ratation的值，调整旋转的Rad
使用LineRenderer组件画出物体运动轨迹
qq_43775910的博客
04-14 748
在代码中，您可以通过将LineRenderer组件的“Sorting Layer”设置为与主相机相同的图层，以确保它在场景中正确地渲染。确保主相机的“Clear Flags”属性设置为“Solid Color”或“Skybox”，而不是“Don’t Clear”。将“Material”属性设置为一个透明材质，以便曲线可以被看到但不会挡住场景中的其他物体。将LineRenderer组件的“Alignment”属性设置为“View”。下面是一个修改过的示例脚本，其中包含上述设置。将主相机的背景色设置为透明。
Unity ShaderGraphs（一）旋转和平移贴图
oscarwsd的博客
07-24 8502
利用Time节点结合UV旋转可以对材质上的贴图做一些旋转的处理，程序节点图如下： 节点图很简单，主要是利用Rotate节点，操作UV节点进行旋转，Rotation引脚连接Time节点乘一个常数的结果，Time节点输出的值是时间的累计，乘以速度。Rotate节点输出则是变化后的uv，将结果引脚连接到Texture2D的uv上，便可以对贴图进行旋转操作。 效果如下： ...
对纹理进行uv坐标偏移
qq_39691716的博客
09-27 522
Shader "UShaderMagicBook/UvOffsetAnimation"{ Properties{ _MainTex("Main Texture",2D) = "white"{} _XSpeed("X Axis Speed",Float) = 1.0 _YSpeed("Y Axis Speed",Float) = 1.0 } SubShader{ pass {
在unity中，怎样使LineRenderer渲染出激光效果的光线
最新发布
02-28
这需要修改材质的Offset，用脚本控制UV偏移。或者用粒子系统附加在线条末端，增加火花效果。 动态变化方面，激光的长度或方向可能会变化，需要实时更新LineRenderer的顶点位置。比如用两个点组成的激光，根据起点和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值