Unity制作UI的高斯模糊效果：插件分享 UIFX - Blur Filter

最新推荐文章于 2024-11-26 00:33:46 发布
最新推荐文章于 2024-11-26 00:33:46 发布
阅读量894 收藏
点赞数 6
文章标签： unity ui 游戏引擎
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NIKITAshao/article/details/140668770
版权

在unity项目制作的过程当中，有时我们需要UI的高斯模糊效果，除了通过shader实现之外，这里分享一个笔者找到的插件：UIFX - Blur Filter（AssetStore可以搜索到），希望可以帮助到有和我一样需求的同学。

下面是安装插件后的应用步骤：

创建UI画布 ↓

创建图片UI ↓

拖拽图片资源至如图位置即可在场景内看到资源显示效果 ↓

选中Image，为其添加组件 ↓

调整参数，达到自己想要的效果 ↓

-END-

NIKITAshao
关注
Unity之Grab实现UI动态高斯模糊
TxNet
03-06 1574
GrabPass是一个特殊的Pass，它从frame buffer抓取物体所在位置屏幕中将要绘制的内容，将其填充至一个临时的texture，以供同一个Shader中其后的Pass使用。我们现在就要用它来实现高斯模糊的毛玻璃效果。 效果： Shader 首先我们需要声明Shader所需属性： Properties { _BumpAmt("Distortion", range(0, 2)) ...
Unity 高斯模糊(Gaussian Blur) 在UGUI中[高效][易用][效果棒]的实用方案
04-19
2019-04-19 新鲜出炉的原创作品 超实用的 Unity 高斯模糊(Gaussian Blur) 在UGUI中[高效][易用][效果棒]的实用方案 原文地址：https://blog.csdn.net/weixin_43452343/article/details/89407650 应该就是你想要
Unity3D UGUI特效之Image高斯模糊效果
08-26
主要为大家详细介绍了Unity3D UGUI特效之Image高斯模糊效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
UnityFx.Outline 项目常见问题解决方案
最新发布
gitblog_00004的博客
11-26 369
UnityFx.Outline 项目常见问题解决方案 UnityFx.Outline Screen-space outlines for Unity3d. 项目地址: https://gitcode.com/gh_mirrors/...
【游戏开发小技】Unity通过UI全屏图来模糊场景画面（Shader | 模糊 | 滤镜 | Blur）
linxinfa的专栏
02-14 1万+
【游戏开发小技】Unity通过UI全屏图来模糊场景画面（Shader | 模糊 | 滤镜 | Blur）
Unity UI图片实现模糊功能
SnoopyNa2Co3的博客
08-06 2234
原理：其实就是获取图片，然后根据偏移获取不同像素，然后根据不同的透明度叠加得出一张模糊图 我这里没有优化正常情况用一个pass就足够 先上个图 拖动材质球Blur Size参数就有如上图效果 下面完整的shader，注意材质球要调渲染层3000就可以使用（PS：移动平台验证过可以使用） Shader "Effect/ImageBlur" { Properties { _Ma...
Unity UI界面局部模糊
sinat_34014668的博客
08-31 3753
UI界面局部模糊
UGUI 背景虚化Shader
04-27 656
Shader "Custom/Blur" { Properties { _Blur("Blur", float) = 10 } SubShader { Tags{ "Queue" = "Transparent" } GrabPass {} Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" .
Unity3D-UGUI特效之Image的高斯模糊效果
热门推荐
苏小败在路上
01-13 2万+
这几天研究了下模糊特效，看了很多文章，其原理就是拿取图片或屏幕数据，然后将周围的元素和目标位置的颜色值进行一个融合计算，然后自己写了一个小小的测试程序。 这个模糊也可以分成两种，一个是自身模糊，一个是从屏幕上取值进行模糊。第一个用于一些小的列表展示，比如未解锁时，是模糊的。第二个是凸显弹框效果的，将背景都模糊掉，自己将这个稍微加强了些可以指定模糊一个位置。 针对移动平台，使用高斯模糊，其实效率
【Unity】URP屏幕后处理UI模糊效果实现
两水先木示的博客
09-01 4536
主要以上内容，实际上就是因为Render Pass Event是只能After Rendering Transpanrets在透明物体渲染完成后进行屏幕后处理模糊，导致无法实现置顶UI高清，底下UI模糊的需求，如果可以控制这个后处理时机是在置顶UI渲染之前进行后处理，等后处理完成后再渲染指定UI 那就可以，然而...1个Canvas和2个摄像机。Shader代码实现模糊。
Unity UGUI高斯模糊背景效果 简易解决方案
SaberZG的博客
11-18 1万+
UnityUI背景模糊效果简易解决方案1.功能描述简易界面框架搭建合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 1.功能描述 在我们玩游戏的时候，经常会看到一些游戏会对UI做这样的处理： 可以看到，新开的上层UI界面会以下层UI界面的模糊
Unity-URP-UI-Blur（2022.2）
05-10
《Unity-URP-UI-Blur（2022.2）：打造高效模糊效果》 Unity是一款广泛应用于游戏开发、虚拟现实、增强现实等领域的强大引擎，它提供了丰富的工具和资源来帮助开发者构建视觉效果丰富的场景。在2022.2版本中，Unity...
Unity shader实现高斯模糊效果
08-26
Unity Shader 实现高斯模糊效果 高斯模糊是一种常用的图像处理技术，能够模糊图像的边缘，增加图像的艺术效果。在 Unity 中，使用 Shader 可以实现高斯模糊效果。本文将详细介绍如何使用 Unity Shader 实现高斯模糊...
UI模糊效果类似高斯模糊-shader实现
05-10
UI模糊效果类似高斯模糊-shader实现
shader 高斯模糊 Gaussian Blur.unitypackage
10-11
高斯模糊 shader：可作用在panel、image等
Unity 高斯模糊
Zyt
02-28 1904
因为Unity提供了GrabPass，可以在Shader中很方便的拿到Panel下面的图像，即_GrabTexture。 注：添加优化。原本的搞死模糊效果达不到苹果的那种细腻效果，修改参数即可。 修改两个#define，kernelx*_Size ->kernelx*_Size * 1.61 // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "Custo...
unity之模糊UI背景
qq_37524903的博客
08-16 2157
3.调节材质球的Size可以调节模糊程度。值越大，效果越模糊。2.创建材质球和shader 并赋值上去。
unity高斯模糊 & Bloom & 运动模糊
dogman_的博客
04-04 688
由于代码存在大量折叠，推荐复制放入VS CODE观看。
Unity3d UI高斯模糊效果
土豆游戏开发
05-08 2349
如果你当前工程Canvas使用的是Screen Space - Overlay 模式，那么直接可以使用 但是使用Screen Space - Camera 模式，如果模糊效果没有实现话，你可能得到在Scene窗口下能看到模糊效果，但是在Game窗口并没效果，此时你要检查Canvas Plane Distance是不是离的太远造成的！ // Upgrade NOTE: re...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值