【Unity ShaderGraph】| 快速制作一个 抖动效果

最新推荐文章于 2024-08-09 11:52:52 发布
最新推荐文章于 2024-08-09 11:52:52 发布
阅读量5.7w 收藏 8
点赞数 5
CC 4.0 BY-SA版权
分类专栏： Unity Shader Graph 文章标签： unity 游戏引擎 抖动 Shader ShaderGraph 渲染
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangay1998/article/details/133012436
本文介绍了如何使用UnityShaderGraph制作UV抖动效果，包括步骤演示、节点设置和应用实例，适合初学者入门或进阶学习。

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

请添加图片描述

请添加图片描述

前言

【Unity ShaderGraph】| 快速制作一个 抖动效果

一、效果展示

请添加图片描述

资源下载方式： ShaderGraph效果资源整合文件【其中内容持续更新】

二、UV抖动效果

首先在Project下右键 Creat - > Shader Graph -> URP -> Lit Shader Graph创建一个Lit Shader Graph。
在这里插入图片描述

然后双击打开该ShaderGraph，按下图所示对节点进行添加和连接：
在这里插入图片描述

通过调节Noise节点的Scale可以对抖动的强度进行控制，根据自己的模型进行适当调节即可。

请添加图片描述

三、应用实例

创建完上述ShaderGraph之后在Project下创建一个材质球Material，然后将该ShaderGraph拖到该材质球上即可应用。

快捷方法是在Project下鼠标选中该ShaderGraph，然后右键Creat创建一个Material，这样我们创建出来的材质球，就自动使用这个Shader了。

请添加图片描述

  • 🎬 博客主页：https://xiaoy.blog.youkuaiyun.com

  • 🎥 本文由 呆呆敲代码的小Y 原创 🙉

  • 🎄 学习专栏推荐：Unity系统学习专栏

  • 🌲 游戏制作专栏推荐：游戏制作

  • 🌲Unity实战100例专栏推荐：Unity 实战100例 教程

  • 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！

  • 📆 未来很长，值得我们全力奔赴更美好的生活✨

  • ------------------❤️分割线❤️-------------------------

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

请添加图片描述

资料白嫖，技术互助

学习路线指引（点击解锁）知识定位人群定位
🧡 Unity系统学习专栏 🧡入门级本专栏从Unity入门开始学习，快速达到Unity的入门水平
💛 Unity实战类项目 💛进阶级计划制作Unity的 100个实战案例！助你进入Unity世界，争取做最全的Unity原创博客大全。
❤️ 游戏制作专栏 ❤️ 难度偏高分享学习一些Unity成品的游戏Demo和其他语言的小游戏！
💚 游戏爱好者万人社区💚 互助/吹水数万人游戏爱好者社区，聊天互助，白嫖奖品
💙 Unity100个实用技能💙 Unity查漏补缺针对一些Unity中经常用到的一些小知识和技能进行学习介绍，核心目的就是让我们能够快速学习Unity的知识以达到查漏补缺

在这里插入图片描述

Unity之ShaderGraph如何实现水面波浪
TxNet
02-22 996
这几天通过一个水的波浪数学公式，实现了一个波浪效果，感觉成就感满满，下面给大家分享一下首先先给大家看一下公式；
Unity Shader特效之图片波动炫光效果
TxNet
12-18 4660
1.前言 今天给大家介绍一个非常炫酷的UV流光特效。可以用于UI的Image的图片波动+炫光的效果。 2.素材 素材1：主图片，用于效果的主体显示和波动颜色 素材2：噪波图，用于干扰主图渲染UV的干扰图，控制显示流动效果 3.UV波动效果 普通的UV波动效果如下图所示： 下面是再ShaderForge中使用节点链接的，逻辑非常简单清晰 波动+炫光效果 我们也可以根据自己的需要，给shader添加不同的参数，比如炫光，颜色叠加等。比如看下我加的炫光效果如下： 白色流光： 彩色炫光： Shader
unity3d摄像机震动（抖动）效果
06-18
unity3d摄像机震动（抖动）效果 简单抖动摄像机的效果 可以做个参考
unity ugui/ngui图片抖动shader
03-27
unity ugui/ngui图片抖动shader、通过uv偏移实现图片抖动。
Unity 实现物体晃动
m0_73627516的博客
08-09 716
注意:不要复制粘贴我的代码，请看着我的代码跟着你的vs或其他的提示来写，我可能写错了一些字母，请仔细辨别。我们可以使用简单一点的。使用Random.range();public float shake://晃动的幅度。比如我们想要无限晃动。那么我们可以调用携程。比如说，我们想要物体晃动x,z轴。Unity 实现物体晃动。
unity3d 摄像机抖动效果
02-21
unity3d中很简单的摄像机抖动效果，放到对应摄像机上面，或者其它对象上面并赋予参数为需要抖动的摄像机应摄像机。
unity 一个画面震动的效果
99的博客
10-30 3180
由 下面链接贴出的代码总结修改而来 原始代码链接：Unity实现屏幕抖动效果（通过Camera Viewpoint实现）https://www.bbsmax.com/A/gVdn3xWQzW/我使用的实际代码： using UnityEngine; using System.Collections; public class CameraShaker : MonoBehaviour { // 震动标志位 private bool isshakeCamera = false; .
unity之shader graph所有节点
qiushubo的博客
09-02 1510
提醒：https://www.bilibili.com/video/BV1qE411y7MJ建议配合此视频食用 Shader graph所有节点： 主面板参数: Surface(表面):opaque不透明 transparent变换（制作不透明材料要选） Precision(精度)：inherit继承 float浮点 half一半 Workflow（工作流）:specular镜子 metallic金属 Blend: Frament normal space:碎片正常空间 Tw...
树叶的Shader风吹效果
02-16
- ShaderGraph是一个强大的工具，允许我们无需编写复杂的着色器代码，就能通过节点方式构建Shader。在本项目中，"Leaf.shadergraph.meta"和"Leaf.shadergraph"就是使用ShaderGraph创建的Shader文件。 - 在Shader...
Unity Shader之Post Effect抖动重影效果
qq984786645的博客
06-22 4637
大家想一下对整张照片做处理，不管照片中物体的材质处理的方法叫Post Effect 有些效果，比如雾啊，Bloom拉，模糊拉，Hdr，都需要用到PostEffect，我们需要单独写一个脚本，绑定在Camera上 在OnRenderImage这个回调函数中，用Graphics.Blit这个方法来处理，传入我们制作的shader即可，下面是我自己写的一个抖动效果 纪念碑谷中就有类似的
Unity实现角色受到攻击后屏幕抖动的效果
充满智慧的博客
09-18 2122
导入这个组件之后，创建一个Chinemachine-2D Camera，接下来我们修改ChinemachineVirtualCamera的Noise，将其设置为Basic Multi Channel Perlin，然后设置Noise Profile为6D Wobble，6D Wobble表示在摄像机位置和方向上的随机扰动。也就是说，通过调整6D wobble的参数，我们可以在实现抖动效果的同时，还可以使摄像机在位置和方向上产生更自然的随机运动。较大的幅度和频率值将会产生更明显的随机抖动。
使用DoTween插件在Unity中实现物体或场景的振动效果
KpmOle的博客
09-16 2130
通过创建振动效果的序列，并设置持续时间和强度，我们可以轻松地在Unity中实现各种振动效果。在Unity中，我们可以使用DoTween插件来实现物体或场景的振动效果。DoTween是一个功能强大的插件，可以简化动画的创建和管理过程，并提供了丰富的插值和缓动函数，使得振动效果的实现变得更加容易。要将振动效果应用到物体或场景中，我们需要将上述示例代码所在的脚本组件添加到我们想要应用振动效果的物体上。在我们的脚本中，首先需要导入DoTween的命名空间，以便我们可以使用其中的类和方法。方法来播放振动效果。
Unity实现屏幕抖动效果（通过Camera Viewpoint实现）
a8379125的博客
08-31 350
由于游戏死亡时一般都需要屏幕抖一下下。 所以百度了下相关写法，发现方法很多~~~ 找来找去，找到个简单粗暴地，啥都不需要，一个脚本拖动到Camera上就可以了 略微修改了一点点，share一下 using UnityEngine; using System.Collections; public class ShakeCamera : MonoBehaviour { // 震...
unity 模型抖动
CatTai的博客
03-27 155
unity animation模型抖动
Unity 像机抖动效果
qq_37524903的博客
11-03 863
Debug.Log("开始震动");Debug.Log("震动结束");//重复此步骤以获得总震动时间。//在单位球上随机取点。//存下当前相机位置。//在任何方向上偏移的距离。//相机移动到震动点的速度。
unity3D 相机画面抖动的效果实现
IT_ZB的博客
04-12 2337
using System.Collections; using System.Collections.Generic; using UnityEngine; public class ShakeCamera : MonoBehaviour { private Vector3 shakePos = Vector3.zero; // Use this for initializa...
Unity 摄像机抖动效果
weixin_33725807的博客
09-02 487
2019独角兽企业重金招聘Python工程师标准>>> ...
Unity实现震屏效果（屏幕抖动）
大猪的博客
06-03 5101
文章转载自：https://blog.youkuaiyun.com/wafcc9/article/details/83057533 通过设置相机的Viewport Rect 来实现,将下面的脚本挂在相机上，设置enabled=true就可实现屏幕震动效果。 using System.Collections; using System.Collections.Generic; using UnityEngine; public class ShakeCamera : MonoBehaviour { pub
Unity实现图片闪烁
yx2846972900的博客
05-11 2039
分别采用逐帧动画，Animation录制，和c#脚本的方案实现Unity的图片闪烁
在unity中，怎样使LineRenderer渲染出激光效果的光线
最新发布
02-28
<think>嗯，用户想在Unity里用LineRenderer做出激光效果的光线。首先，我得回忆一下LineRenderer的基本用法。LineRenderer是用来画线的，可以设置点、宽度、材质等等。 激光通常有发光的边缘和中心高亮的部分，可能需要多层线条叠加。比如，中间一条较亮的线，周围包裹一层较暗的发光边缘。所以可能需要两个LineRenderer，一个粗一点半透明，另一个细一点更亮。 材质方面，可能需要使用自发光材质或者粒子材质。PBR材质可能不够，得用Unlit的Shader，这样不受光照影响。另外，加上HDR颜色和Bloom后处理，可以让激光看起来更亮更炫。 纹理动画也是个关键，比如让纹理滚动，产生流动效果。这需要修改材质的Offset，用脚本控制UV偏移。或者用粒子系统附加在线条末端，增加火花效果。 动态变化方面，激光的长度或方向可能会变化，需要实时更新LineRenderer的顶点位置。比如用两个点组成的激光，根据起点和终点更新positions数组。 还有边缘的闪烁效果，可以通过改变透明度或颜色来实现，用Time.time控制变量的变化，让颜色或Alpha值随时间波动。 可能遇到的问题包括材质设置不正确导致不发光，或者多个LineRenderer的排序问题，需要调整Render Queue。另外，性能方面，如果激光数量多，可能需要优化材质和Shader。 总结步骤应该是：创建LineRenderer，设置合适的材质和颜色，调整宽度和纹理，添加动态效果如UV滚动，结合后处理增强效果。可能需要写脚本控制属性变化，或者用粒子系统辅助。</think>在Unity中实现激光效果的LineRenderer可以通过以下步骤实现，结合材质、颜色、动态变化和后处理效果： --- **1. 基础设置** ```csharp // 创建LineRenderer组件并配置基本参数 LineRenderer lr = gameObject.AddComponent<LineRenderer>(); lr.startWidth = 0.3f; // 外层光晕 lr.endWidth = 0.3f; lr.positionCount = 2; // 两点构成直线 lr.SetPositions(new Vector3[] { startPoint, endPoint }); ``` --- **2. 材质配置（关键步骤）** - 使用`Unlit`着色器创建材质（不受光照影响） - 纹理建议使用类似这样的渐变贴图： ![激光纹理示例](https://example.com/laser_texture.png) $$\text{Alpha通道控制透明度渐变}$$ ```csharp Material laserMat = new Material(Shader.Find("Unlit/Transparent")); laserMat.mainTexture = Resources.Load<Texture>("LaserGradient"); laserMat.SetColor("_Color", new Color(1,0,0,1)); // 红色激光 lr.material = laserMat; ``` --- **3. 动态效果增强** ```csharp // 在Update中实现动态效果 void Update() { // UV滚动产生流动效果 float scrollSpeed = 5f; laserMat.mainTextureOffset += Vector2.right * scrollSpeed * Time.deltaTime; // 边缘闪烁 float alpha = 0.5f + Mathf.PingPong(Time.time, 0.5f); lr.startColor = new Color(1,0,0, alpha); lr.endColor = new Color(1,0,0, alpha); } ``` --- **4. 多层叠加实现光晕** 创建两个LineRenderer： - **外层**（较大宽度，低透明度） ```csharp lrOuter.startWidth = 0.5f; lrOuter.material.color = new Color(1,0,0,0.3f); ``` - **内层**（较细宽度，高亮度） ```csharp lrInner.startWidth = 0.2f; lrInner.material.color = Color.white; ``` --- **5. 后处理增强（需安装Post Processing）** 在摄像机添加： - Bloom效果（增强发光） - Color Grading（提升对比度） --- **6. 进阶技巧** - 添加粒子系统在端点产生火花 - 使用Shader Graph制作动态扭曲效果 - 添加碰撞检测脚本 ```csharp void OnTriggerEnter(Collider other) { // 处理击中效果 } ``` --- **参数建议值** | 属性 | 外层值 | 内层值 | |------|--------|--------| | 宽度 | 0.5-0.7 | 0.1-0.3 | | 透明度 | 0.2-0.4 | 0.8-1.0 | | 滚动速度 | 3-5 | 5-8 | --- **最终效果预览** ![激光效果示意图](https://example.com/laser_preview.gif) *通过控制UV动画和颜色变化，可模拟能量流动效果* 建议通过实验调整参数，结合具体场景的光照条件进行微调。如果要实现科幻感，可以尝试添加随机抖动或频率波动效果。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

呆呆敲代码的小Y

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

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

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

打赏作者

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

抵扣说明：

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

余额充值