[Unity] ShaderGraph实现UV帧动画，Flipbook节点

已于 2024-04-19 12:05:31 修改
阅读量534 收藏 1
点赞数 12
文章标签： unity 游戏引擎
于 2024-03-18 23:32:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Katrina419/article/details/136817769
版权

        版本测试的时候，发现了很严重的掉帧问题。经过测试，发现是因为金币转动使用了animation帧动画，导致过多的状态机在同时运转。

        研究之下决定改成UV动画，万幸ShaderGraph中已经有了相关的节点，不需要自己写算法。 完整连连看如下所示，PS：同样是效果，如果用脚本写，那还挺麻烦的。

        需要注意的是图片素材需要以行列形式排布，读取顺序是从左到右，从上到下。连连看中的HorizontalAmount和VerticalAmount则分别代表了素材行列中的个数。

最后希望大家可以关注一下我们的独立游戏《暴打老板》

【暴打老板】流程实况，记一次大版本更新留档

https://www.bilibili.com/video/BV1DM4m1D7Mc/

超龄魔法少女
关注
  • 12
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Unity--shadergraph--UV dissolve
m0_67817307的博客
05-04 2249
1.首先我们在shader文件夹下新建一个blank shader graph 操作：右键-create-shader-blank shader graph 2.然后在inspector面板中点击open进入 3.找到shadergraph面板右上角的graph inspector，点一下会出来下面这个面板，再点一下它会消失。 点击下universal下面的这个小加号，添加universal，然后就会出来下面这个面板。 上面的是顶点面板，下面的是碎片面板。UV流动我们只需要用到碎片面板
unity探索者之Shader Graph所有节点详解-UV篇
UnityExplorer的博客
09-27 5397
UV 1、Flipbook（图像序列视图）   提供按照网格结构序列化读取纹理内容的功能，并且可以在X或Y方向进行反转操作。 2、Polar Coordinates（极坐标）   将“输入UV”的值转换为极坐标。 3、Radial Shear（径向剪切）   通过输入的UV，实现类似于波浪的径向剪切扭曲效果。可调整扭曲效果的中心点，效果的整体强度及扭曲偏移程度。 4、Rotate（旋转）   根据UV对纹理进行旋转。通过设置Center调整旋转的中心点，通过设置Ratation的值，调整旋转的Rad
Unity ShaderGraph实现Sprite图片描边/发光效果 URP
01-18
具体效果及操作步骤，详见这篇： https://blog.csdn.net/Katrina419/article/details/135648241
Unity ShaderGraph实现伪室内效果
最新发布
01-20
具体效果及操作步骤，详见这篇： https://blog.csdn.net/Katrina419/article/details/135715210
Unity Shader实现序列帧动画效果
08-26
主要为大家详细介绍了Unity Shader实现序列帧动画效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
unity3dk帧_Unity K帧动画
weixin_39754142的博客
12-21 4128
Unity3D研究院之使用Animation编辑器编辑动画(五十四)围观16850次编辑日期：2013-04-16字体：大中小Unity提供了Animation编辑器，它可以为我们编辑物理动画。举个例子比如场景中有一个来回摇动的秋千，这个秋千在项目中完全只起到衬托作用，它不会与别的游戏对象有任何交互。如果这个秋千也用代码来写控制它来回摇动，会感觉小题大做。此时完全可以使用Animation编辑器来...
Unity - Shader Graph 中的 Flipbook 节点算法BUG - Unity_Flipbook_float
Jave.Lin 的学习笔记
03-10 1347
flipidx : 10 (其实是编号，不是索引)到时结果采样到的是：20 的位置。应该是采样到是 10 的位置。
Unity 之 ShaderGraph UV节点解析汇总
陈言必行 -- Unity游戏开发领域优质博主
08-17 1万+
还在为看不懂官方文档困扰吗？ 我对ShaderGraph的UV下节点一一分析说明，总结的超级全面，进来看看吧~
【Unity】从零使用ShaderGraph - 火焰UV扰动
sylardie的博客
08-18 1142
Unity 从零开始 ShaderGraph
用Shader Graph的Flipbook节点实现水花效果
weixin_45979158的博客
03-16 2770
一个有趣的教程 昨天看了一个老外的视频教程：Rain Drop Ripples，教程用 Shader Graph 实现了游戏中常见的下雨天地面的水花效果。 视频中水花动画的实现和我们游戏的实现方式有所不同，他通过 Shader Graph 的 Flipbook 节点实现了水花的 序列图 动画： 上图中的 Flipbook 节点对应的代码如下： float2 _Flipbook_Invert = ...
UnityShader 序列帧动画效果
05-15
序列帧动画的主要的思想是设置显示UV纹理的大小，并逐帧修改图片的UV坐标。
flipbook有书本翻阅效果的图片轮播插件
11-03
flipbook有书本翻阅效果的图片轮播插件 flipbook有书本翻阅效果的图片轮播插件
噪声节点：向Unity Shader Graph添加各种噪声生成节点，包括3D噪声节点
02-06
噪声节点：向Unity Shader Graph添加各种噪声生成节点，包括3D噪声节点
Unity Shader UV动画 --河流的流动效果
elegentbeauty的博客
09-27 9094
Unity的UV动画 ：主要用于序列帧、模拟无限重复的背景。让模型顶点对应的uv随时间变化，使其对应纹理像素不断随时间变化， 但是无法达到让物体“变形”的效果。 下面实现一个河流的效果，让纹理滚动起来。 Shader "Custom/River" { Properties{ _MainTex("Texture", 2D) = "white"{} //纹理 } SubSha...
unity探索者之Shader Graph所有节点详解-目录篇
UnityExplorer的博客
09-27 8703
Shader Graph所有节点讲解前言Artistic（艺术效果）1、Adjustments（图像调节）1) Chennel Mixer（通道混合器）2) Contrast（对比度）3) Hue（色调偏移）4) Invert Colors（颜色反转）5) Replace Color（颜色替换）6) Saturation（饱和度）7) White Balance（白平衡）2、Blend（混合）1) Blend（混合）3、Filter（过滤）1) Dither（抖动）4、Mask（遮罩）1) Channel
unity之shader graph所有节点
qiushubo的博客
09-02 1256
提醒：https://www.bilibili.com/video/BV1qE411y7MJ建议配合此视频食用 Shader graph所有节点： 主面板参数: Surface(表面):opaque不透明 transparent变换（制作不透明材料要选） Precision(精度)：inherit继承 float浮点 half一半 Workflow（工作流）:specular镜子 metallic金属 Blend: Frament normal space:碎片正常空间 Tw...
UnityShader实例06:UV动画
热门推荐
lupeng的博客
07-06 1万+
UV动画 UV动画，顾名思义，就是针对UV做的动画。在游戏中，一些动态水面，飞流直下的瀑布，流动的岩浆，跳动的火焰等等，很多都是通过操作UV做的动画。在unity中我可以实用挂载脚本或者直接针对UV key动画帧做动画操作，而在本文中将通过shader编写实现三个比较常见的UV动画方式： 1.UV位移动画 2.UV序列帧动画 3.UV旋转动画 先从UV位移动画开始
ShaderGraph实现序列帧动画
weixin_45891168的博客
03-28 312
使用ShaderGraph的过程中，我们可以了解ShaderGranph的一些操作，我们便开始ShaderGraph来实现序列帧动画。
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
发出的红包

打赏作者

超龄魔法少女

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值