【实现100个unity特效之17】在unity中使用shader和ShaderGraph分别实现模糊特定层，高斯模糊效果

于 2024-08-07 11:36:26 发布
阅读量928 收藏 4
点赞数 4
分类专栏： # 实现100个unity特效 文章标签： unity 游戏引擎 游戏 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36303853/article/details/140967806
版权

最终效果

在这里插入图片描述

Unity通过Shader来模糊场景画面

参考：【游戏开发小技】Unity通过UI全屏图来模糊场景画面（Shader | 模糊 | 滤镜 | Blur）

ShaderGraph实现图片的高斯模糊

参考：【游戏开发实战】Unity ShaderGraph实现图片的高斯模糊效果

ShaderGraph更加简单的方式

新增ShaderGraph，配置节点
在这里插入图片描述
为了规范，整理节点为子类
在这里插入图片描述
在这里插入图片描述
新增变量
在这里插入图片描述
在这里插入图片描述
新增5个副本
在这里插入图片描述

把节点合起来
在这里插入图片描述
我们想将所有这些加在一起，但我们不想增加强度颜色，我们希望颜色保持不变，所以我们需要做的是将求和的rgbas的最终输出除以五，结果是五，因为我们总共有五个加起来
在这里插入图片描述

在这里插入图片描述
模糊效果
在这里插入图片描述
如你想提高模糊的质量，你只需在其中添加更多样本，你可以使它成为一个2并添加四个以上的样本，或者您可以在X上尝试一个，在Y上尝试一个，然后在那里尝试不同的组合但请记住，更多的样本等于更多的性能成本
在这里插入图片描述

参考

https://www.youtube.com/watch?v=8-E8Vp0l6wg

完结

赠人玫瑰，手有余香！如果文章内容对你有所帮助，请不要吝啬你的点赞评论和关注，你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法，也欢迎评论私信告诉我哦！

好了，我是向宇，https://xiangyu.blog.csdn.net

一位在小公司默默奋斗的开发者，闲暇之余，边学习边记录分享，站在巨人的肩膀上，通过学习前辈们的经验总是会给我很多帮助和启发！如果你遇到任何问题，也欢迎你评论私信找我， 虽然有些问题我也不一定会，但是我会查阅各方资料，争取给出最好的建议，希望可以帮助更多想学编程的人，共勉~
在这里插入图片描述

Unity Shader-后处理：高斯模糊
puppet_master的专栏
10-14 2万+
一.简介 上一篇文章学习了模糊的原理以及基本的模糊实现，对于清晰和模糊这个定义感觉还是比较说明问题，这里再贴出一下：“清晰的图片，各个像素之间会有明显的过渡，而如果各个像素之间的差距不是很大，那么图像就会模糊了”。鉴于这个定义，我们就可以通过代码来实现模糊的效果。上一篇Unity Shader-后处理：均值模糊中实现了一个基本的均值模糊，也就是将一个像素和其周围的像素取平均值从而进行
【游戏开发实战】Unity ShaderGraph实现图片的高斯模糊效果
热门推荐
linxinfa的专栏
01-05 1万+
文章目录一、前言二、最终效果三、高斯模糊的原理四、ShaderGraph的高斯模糊实现 一、前言 之前我写了一篇文章：ShaderGraph使用教程与各种特效案例：Unity2020 有网友私信问我下面这个问题： 使用ShaderGraph如何实现高斯模糊的效果呢？今天我就来写下实现过程。 二、最终效果 Demo工程已上传到GitHub，地址：https://github.com/linxinfa/UnityShaderGraphGaussBlurDemo 三、高斯模糊的原理 对图片进行模糊处理，简单
Unity shader实现高斯模糊效果
08-26
主要为大家详细介绍了Unity shader实现高斯模糊效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
shader 模糊
12-18
高斯模糊GaussianBlur，里面提供了实例，该模糊应用的范围包括3D模型、UI（UGUI等）。不同于Unity自带的相机全屏模糊（后处理屏幕特效），是一个材质球的方式，直接模糊当前物体层级的背景图像。可以添加到任何能设置材质球的地方，比如UGUI的一个Panel组件，在Image里的Material中设置此高斯模糊的材质球，则在此Panel后面的所有UI以及3D物体都将模糊，并可以调节强度。里面有两种模糊shader，一种是针对移动端性能优化的，使用了两次高斯模糊；一种是高质量的，三次高斯模糊。
Unity Shader - 后处理：高斯模糊
05-25
高斯模糊（Gaussian Blur），又叫做高斯平滑。高斯模糊主要的功能是对图片进行加权平均的过程，与均值模糊中周围像素取平均值不同，高斯模糊进行的是一个加权平均操作，每个像素的颜色值都是由其本身和相邻像素的颜色值进行加权平均得到的，越靠近像素本身，权值越高，越偏离像素的，权值越低。
Unity shader graph UI blur
lvcoc的博客
10-01 1477
void BluredColor_float(float4 Seed, float Min, float Max,float BlurX, float BlurY, out float4 Out) { float randomo = frac(sin(dot(Seed.xy,float2(12.9898,78.233)))*43758.5453); float noise = lerp(Min, Max, randomo); float uvx = float(sin(noise))*BlurX...
Unity动态高斯模糊效果Shader
12-21
Unity动态高斯模糊效果Shader
Unity3D UGUI特效之Image高斯模糊效果
12-31
这几天研究了下模糊特效，看了很多文章，其原理就是拿取图片或屏幕数据，然后将周围的元素和目标位置的颜色值进行一个融合计算，然后自己写了一个小小的测试程序。 这个模糊也可以分成两种，一个是自身模糊，一个是...
unity高斯模糊Shader
12-13
基于Unity引擎编写的高斯模糊效果的Shader，真实可用，仅供学习参考
unity 实现 GaussianBlur（高斯模糊） shader
最新发布
lcfengokok的博客
04-12 1376
在Shader中实现高斯模糊，我们主要对图像进行采样，并使用高斯权重对采样结果进行加权平均。此外，为了获得更好的性能，你可以考虑使用多重采样技术，或者在GPU上并行处理多个像素。在Unity中使用这个Shader时，你需要创建一个材质（Material），并将这个Shader分配给它。这个Shader示例中，我们在片元着色器（fragment shader）中对纹理进行采样，并使用了简单的3x3高斯模糊核。在实际应用中，你可能想要使用更大的模糊核以获得更平滑的模糊效果，但这会增加计算成本。
Unity Shader-后处理：简单均值模糊
05-23
所谓模糊，也就是不清楚，清晰的图片，各个像素之间会有明显的过渡，而如果各个像素之间的差距不是很大，那么图像就会模糊了，极端一点的情况，当一张图片所有的像素之间颜色都差不多时，那么这张图片也就是一个纯色的图片了。
Unity 高斯模糊Shader
02-27
高斯模糊GaussianBlur，里面提供了实例，该模糊应用的范围包括3D模型、UI（UGUI等）。不同于Unity自带的相机全屏模糊（后处理屏幕特效），是一个材质球的方式，直接模糊当前物体层级的背景图像。可以添加到任何能设置材质球的地方，比如UGUI的一个Panel组件，在Image里的Material中设置此高斯模糊的材质球，则在此Panel后面的所有UI以及3D物体都将模糊，并可以调节强度。里面有两种模糊shader，一种是针对移动端性能优化的，使用了两次高斯模糊；一种是高质量的，三次高斯模糊。
[UnityShader入门精要读书笔记]29.高斯模糊
songtianqi123的专栏
01-05 396
模糊的实现有很多方法，例如均值模糊和中值模糊。均值模糊同意使用了卷积操作，它使用的卷积核中的各个元素都相等，且相加等于1.也就是说，卷积后得到的像素值时期邻域内各个像素值的平均值。而中值模糊则是选择邻域内对所有像素排序后的中值替换到原颜色。一个更高级的模糊方法是高斯模糊。 C#代码： usingSystem.Collections; usingSystem.Collec...
基于unityshader的屏幕模糊处理：
QO_GQ的博客
06-09 765
首先我们都知道，我们所看见的都是摄像机将画面投影到视口纹理上面，也就是一张RenderTexture，四舍五入就是一张图，那么我们就只需要对这张图进行模糊处理就可以了： 而模糊处理我们就需要用到对图片像素进行操作，那么用shader最好了： 模糊处理算法 而我用的是高斯模糊：原理： 取当前像素的周围像素进行颜色混合（根据uv坐标偏移拿到对应周围的像素）： 而高斯模糊进行的颜色混合比例：从周围像素点取相应比例的颜色进行叠加（也叫滤波器） 好了，基本上可以上代码了： 首先拿到改像素点在图片上对应的坐标 fl
Unity3d UI高斯模糊效果
土豆游戏开发
05-08 2392
如果你当前工程Canvas使用的是Screen Space - Overlay 模式，那么直接可以使用 但是使用Screen Space - Camera 模式，如果模糊效果没有实现话，你可能得到在Scene窗口下能看到模糊效果，但是在Game窗口并没效果，此时你要检查Canvas Plane Distance是不是离的太远造成的！ // Upgrade NOTE: re...
Unity Shader : 模糊（blur）与透明（transparent）效果实例
saitoDeng的博客
07-11 1115
Unity Shader之模糊（blur）与透明（transparent）
shader 高斯模糊
游戏博客
03-05 1155
高斯模糊主要用到了正态分布曲线。 我们用到了正态分布矩阵： static const half4 GaussWeight[7] = { half4(0.0205,0.0205,0.0205,0), half4(0.0855,0.0855,0.0855,0), ...
Unity3D-通过调用iOS原生代码将图片进行高斯模糊
苏小败在路上
05-08 592
之前一直想使用Shader去做高斯模糊特效，后面发现图片过大的话，效率真的是相当的不理想。 后来在网上看到说iOS本身是有将图片处理成高斯模糊的功能的，想想也确实，苹果设备的背景经常会出现模糊特效，那他们的算法应该很快速的，于是突发奇想，如果将要做模糊处理的图片，传到原生端然后处理成模糊图片之后，再传回来使用，不就可以达到这个目的了么！ 首先要知道这个的局限性，不能实时的去做，这是什么意思呢，...
Unity shader实现屏幕模糊特效
qq_39198460的博客
06-16 556
使用shader去做屏幕模糊特效很多人肯定以为是高斯模糊，但本篇文章介绍的并不是，这里反而要给大家介绍的是在Unity中利用 shader实现屏幕模糊特效。 　　 　　shader代码：C#代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
shader graph
06-11
Shader Graph 是 Unity 中的一个可视化着色器编辑器，它使得着色器的创建和编辑变得更加直观和易于理解。使用 Shader Graph，可以通过将节点（如颜色、纹理、计算等）连接在一起来创建高质量的着色器效果，而无需编写繁琐的代码。 Shader Graph 的工作原理是将节点连接起来以创建一个着色器图表。这些节点代表了不同的着色器操作，例如颜色调整、纹理采样和混合等。每个节点都包含一个或多个输入和一个输出，它们可以被连接起来以实现想要的效果。 Shader Graph 可以将这些节点编译成 Unity所需的着色器代码，从而创建一个自定义着色器。 使用 Shader Graph 可以快速创建高质量的着色器效果，并且可以轻松地进行修改和调试。因为是可视化编辑器，所以即使没有编程经验的人也可以创建出复杂的着色器效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

向宇it

创作不易，感谢你的鼓励

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

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

打赏作者

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

抵扣说明：

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

余额充值