Unity Shader Graph 2D 实例 - UV滚动背景动画

已于 2025-02-02 14:58:15 修改
阅读量1.7k 收藏 14
点赞数 18
分类专栏： Unity Shader Graph 2D 文章标签： unity 着色器 uv 游戏引擎 材质 图形渲染
于 2025-01-17 22:30:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010338262/article/details/145169865
版权

UV动画在Shader Graph中是非常基础且实用的功能，如上图所示的滚动效果就是通过Shader Graph中的UV动画进行实现的。

那么如何实现呢？

基础的资源显示

首先我们创建一个Shader Graph文件并命名为UVAnimation，在Project窗口中点击鼠标右键，选择Create > Shader Graph > URP > Sprite Unlit Shader Graph（不带光照效果的2D着色器）文件。

创建完成后会打开ShaderGraph的节点视图，默认是会有两个主节点。

Vertex节点

与游戏物体的顶点，法线等相关。<

最低0.47元/天 解锁文章
08.Unity ShaderGraph实例（使用PBR渲染精灵动画）
Unity3d 攻城师一枚
11-21 3194
相关资源下载 创建精灵Sheet 制作精灵动画 ShaderGraph：怎么定义精灵贴图 ShaderGraph：怎么剔除Alpha Node：Sample Texture 2D Node：Replace Color Node：Invert Color 相关资源下载 创建精灵Sheet 下载上面的资源以后导入到Unity，按照划线提示操作 选择Sprite Editor，按照操作步骤...
10.Unity ShaderGraph实例（LWRP+UnitMaster节点制作渐变色效果的精灵）
Unity3d 攻城师一枚
11-29 2852
Node：Position Node：Rotate Node：Split Node：Add ShaderGraph：基于自身UV的旋转 ShaderGraph：基于已有贴图的颜色叠加 效果展示 Node：Position 功能定义 提供对网格顶点或片段位置的访问，具体取决于节点所属图形部分的有效着色器阶段； 输出值的坐标空间可以通过空间下拉参数选择。 端口介绍 控制类型 Node：...
UnityShaderUV动画讲解一：移动端UV简单偏移
shijunwei0326的博客
04-14 2528
变体的使用有一篇参考文献写的非常好，我这里就不展开讲解了，各位技术大佬注意一点的是变体数量不能超过255个。今天开始给大家讲解动态效果第一弹：UV动画， 常见于特效使用，背景移动，贴图滚动效果等等。_Time是用来驱动shader内部的动画的变量，用来计算时间变量。_Time的4个分量分别是(t/20, t, t*2, t*3)其原理就是通过时间去修改UV坐标上的X值和Y值从而改变每个像素在模型表面的位置。
unity uv动画
04-09
通过shader 控制贴图uv循环移动
UnityShader UV动画深入探讨（栅格化，棋盘格等效果实现）
shijunwei0326的博客
05-08 914
中，step()函数用于计算两个值之间的步长。它接受两个参数：第一个参数是阈值，第二个参数是切变方向。如果x大于edge，则step()函数返回1.0；如果x小于等于edge，则返回0.0。中常用于纹理映射、渐变和边缘检测等领域。其中，edge是阈值，x是切变方向。用途：一般用来做边缘检测。UV=平面坐标，u=X轴。
Unity | 工具类-UV滚动
该用户还没想到好的昵称的博客
03-28 694
【代码】Unity | 工具类-UV滚动。
【Unity Shaders】Using Textures for Effects——通过修改UV坐标来滚动textures
weixin_33788244的博客
01-02 244
本系列主要参考《Unity Shaders and Effects Cookbook》一书（感谢原书作者），同时会加上一点个人理解或拓展。这里是本书所有的插图。这里是本书所需的代码和资源（当然你也可以从官网下载）。========================================== 分割线==========================================题外...
【猫猫的Unity Shader之旅】之UV动画
03-29
【猫猫的Unity Shader之旅】之UV动画博文中用的工程，方便大家学习
09.Unity ShaderGraph实例（LWRP+UnitMaster节点制作自发光效果的精灵）
Unity3d 攻城师一枚
11-28 2575
Node：Time Node：Multiply Node：Sine Node：Remap Node：Lerp Node：OneMinus Node：Branch ShardGraph：基于时间的周期处理 ShardGraph：另一种过滤精灵Alpha方法 原始图和效果展示 Node：Time 功能定义 在Shader中提供访问时间单位的参数 端口介绍 代码生成 float Time_...
11.Unity ShaderGraph实例（LWRP+PBRMaster节点制作全息效果的精灵）
Unity3d 攻城师一枚
12-06 2124
Node：Tiling And Offset Graphic：色彩的形成 ShaderGraph:制作UV动画 ShaderGraph:基于已有颜色叠加 效果展示和资源 Node：Tiling And Offset 功能定义 平铺和位移输入的UV通过Tiling和Offset端口；通常用于UV动画。 端口介绍 代码生成 void Unity_TilingAndOffset_flo...
unity3d UV动画脚本
10-30
unity3d UV动画脚本，可以调节贴图的UV动画 X Y 的移动和速度都可以调整
unity3d uv动画
05-24
该资源为unity3d创建的一个uv动画，在此记录一下，作为一个自己的进步吧。
Unity 之 ShaderGraph UV节点解析汇总
热门推荐
陈言必行 -- Unity游戏开发领域优质博主
08-17 1万+
还在为看不懂官方文档困扰吗？ 我对ShaderGraph的UV下节点一一分析说明，总结的超级全面，进来看看吧~
Unity创建UV动画
lq
12-30 9917
Unity制作UV动画，拿制作太空射击游戏为例，视觉效果为角色飞机向前移动，背景天空向后移动，现在让飞机静止不动，天空向后移动（视觉上和飞机向前移动效果一样） 步骤： 一、创建一个平面 Plane，作为天空背景，然后为其创建一个材质球，照一张天空的图片我项目中为 1.png作为材质球的贴图，材质球的Shader设置为为 Transparent -> Cutout-> Diffuse
Unity Shader Graph 制作车流效果（UV滚动）
当代野生程序猿
12-06 6233
国际惯例先看效果： 模型用到的是一个简单的管线： 用到的贴图： 首先创建一个新的PBR Graph，在Blackboard面板处创建以下属性： Speed（Vector1 类型）：用于控制UV滚动的速度 Texture Tiling（Vector2 类型）：用于控制Tiling属性 Main Texture（Texture2D 类型）：用于滚动的贴图 Main Color（HDR类型Color）：用于控制颜色 Direction（Vector2 类型）：用于控制滚动方向
【实现100个unity特效之19】使用ShaderGraph实现Unity 2D水
向宇
08-08 2534
【实现100个unity特效之19】使用ShaderGraph实现Unity 2D水
[Unity] ShaderGraph实现UV帧动画，Flipbook节点
连连看爱好者
03-18 1125
[Unity] ShaderGraph实现UV帧动画
UnityShader中级篇——滚动的背景
weixin_37994402的博客
03-05 923
Shader "Unity Shaders Book/Chapter 11/ScrollingBackground" { Properties { //第一层（较远）背景纹理 _MainTex("Base Layer(RGB)", 2D) = "white" {} //第二层背景（较近）纹理 _DetailTex("2nd Layer(RGB)", 2D) = "whit...
shader uv动画
IT你我
04-09 2124
1 实现材质左右循环移动效果 贴图的寻址模式设置为Repeat 创建一个plan，调整所放置x:y=1:8 创建shader，控制uv位置，实现uv循环移动效果 code：Shader "Unlit/NewUnlitShader 2" { Properties { _MainTex ("Texture", 2D) = "white" {}
time节点在shadergraph里不起作用
最新发布
03-15
### 关于Unity Shader Graph Time节点不起作用的解决方案 在Unity Shader Graph中，`Time`节点用于提供时间变量以便实现动态效果。如果发现该节点未正常工作，则可能是由于以下几个原因引起的。 #### 可能的原因分析 1. **材质球设置问题** 如果使用的材质球被标记为静态（Static），则可能导致某些动态属性无法更新，包括基于时间的变化[^3]。 2. **渲染管线配置错误** `Time`节点的功能依赖于所选的渲染管线。如果是使用高清渲染管线（HDRP）或者通用渲染管线（URP），需要确保这些管线已正确配置并支持动态变化的效果[^4]。 3. **Shader编译优化** 在某些情况下，当没有其他地方引用到`_Time`全局变量时，可能会因为编译器优化而忽略掉这部分逻辑计算，从而让看起来像是`Time`节点失效的情况发生[^5]。 #### 解决方法 以下是几种可能有效的解决办法： - **确认材质是否设为非静态** 确保应用此着色器的物体其Material并未勾选“Static”。可以通过检查Inspector面板中的Flags选项来完成这一操作[^6]。 - **验证渲染管线兼容性** 对应不同的Render Pipeline Asset文件夹下创建新的Material实例，并测试它们对于相同Graph的表现差异。例如，在Universal Render Pipeline (URP)环境下新建一个Standard Surface Shader作为对比实验对象[^7]。 - **强制启用_Time参数** 尝试手动向Custom Function Node传递额外输入以激活隐含的时间依赖关系；也可以通过添加一些简单的算术运算比如乘法或加法等方式间接影响最终颜色输出值，以此触发必要的内部机制运行[^8]。 ```csharp // 示例代码片段展示如何利用自定义函数节点调用_time float myModifiedValue = _MainTex_ST.w * i.uv.x + sin(_Time.y); o.Albedo = tex2D(_MainTex, TRANSFORM_TEX(i.uv, _MainTex)).rgb; ``` 上述Cg/HLSL伪代码演示了一个基本原理——即通过对顶点位置或者其他可变因素施加周期性的改变达到视觉上的动画呈现目的。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HahaGiver666

持续的更新更多更好的实用内容

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值