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

于 2024-07-24 17:33:50 发布
阅读量158 收藏
点赞数 4
文章标签： 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
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity中的模糊效果（基于URP）
m0_58594062的博客
06-18 1372
六、移轴模糊 （Tilt Shift Blur）十、方向模糊（Directional Blur）三，Kawase模糊（Kawase Blur）一，高斯模糊（Gaussian Blur）八、粒状模糊（Grainy Blur）九、径向模糊（Radial Blur）五、散景模糊（Bokeh Blur）四、双重模糊（Dual Blur）七、光圈模糊（Iris Blur）二，方框模糊（Box Blur）十种模糊效果，以后处理方式实现。
Unity 屏幕模糊效果
qiyet的博客
11-02 3542
Unity 屏幕模糊效果 前几天，美术要我做一个屏幕模糊的效果，百度了半天，最后总算解决了。 趁着有时间，现在来总结一下。 首先我这边是为了出效果，所以原理先放一边，来谈谈如何实现。什么高斯模糊，均值模糊先忽略，看起来太懵，要花大时间去钻。总的来说，实现主要是两种类型，一种是基于摄像机，一种是基于UI遮罩实现。 摄像机实现 Shader部分 // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
【Unity】实现镜头虚化模糊效果（Blur）：camera模糊，UGUI模糊，FairyGUI模糊效果
热门推荐
到底是不是个懒人的博客
06-29 1万+
前言 起因是在一个FairyGUI项目里，有个项目需求要求弹出框的背景是虚化模糊效果，包括背景后的UI模糊和场景模糊，于是有了这一次unity实现模糊效果的测试记录。 先贴一下测试使用的unity工程： 使用FairyGUI建了一个UI界面，建造了一个Cube作为场景里的物体。 1.FairyGUI自带的模糊滤镜 FairyGUI可以使一个显示对象进入绘画模式，简单的说就是将目标对象整体画到一张纹理上，然后就可以操作这个纹理实现一些特殊的效果。这里简单使用到的就是对组件使用任意滤镜和对任意对象使用模糊滤镜
【Unity】FairyGUI模糊效果 模糊滤镜
Serendipity_M的博客
09-11 2558
FairyGUI可以使一个显示对象进入绘画模式，简单的说就是将目标对象整体画到一张纹理上，然后就可以操作这个纹理实现一些特殊的效果。这里简单使用到的就是对组件使用任意滤镜和对任意对象使用模糊滤镜。 但是对组件使用模糊滤镜有一个限制，就是组件内只有实体UI才会被模糊（例如空的Gloader不行），空白处是不会被模糊的，所以FairyGUI只能模糊整张图，无法模糊部分。 BlurFilter blur = new BlurFilter(); blur.blurSize = 0.25
Unity-URP-UI-Blur（2022.2）
05-10
《Unity-URP-UI-Blur（2022.2）：打造高效模糊效果》 Unity是一款广泛应用于游戏开发、虚拟现实、增强现实等领域的强大引擎，它提供了丰富的工具和资源来帮助开发者构建视觉效果丰富的场景。在2022.2版本中，Unity...
Unity 高斯模糊(Gaussian Blur) 在UGUI中[高效][易用][效果棒]的实用方案
04-19
2019-04-19 新鲜出炉的原创作品 超实用的 Unity 高斯模糊(Gaussian Blur) 在UGUI中[高效][易用][效果棒]的实用方案 原文地址：https://blog.csdn.net/weixin_43452343/article/details/89407650 应该就是你想要
Unity shader实现高斯模糊效果
08-26
Unity Shader 实现高斯模糊效果 高斯模糊是一种常用的图像处理技术，能够模糊图像的边缘，增加图像的艺术效果。在 Unity 中，使用 Shader 可以实现高斯模糊效果。本文将详细介绍如何使用 Unity Shader 实现高斯模糊...
Unity动态高斯模糊效果Shader
12-21
Unity动态高斯模糊效果Shader
Windows 12 网页版
weixin_56800842的博客
07-19 1083
Windows 12 网页版是一个在线开源项目，由一个初三学生用前端开发三件套 HTML+CSS+JavaScript 实现的一个网页版的 Windows 12，灵感来源于Windows 12 概念版 (Powered by PowerPoint)，直接打开网页即可在线体验Windows12了，希望让用户在网络上预先体验 Windows 12，不过内容可能与 Windows 12 正式版本不一致，精美的ui设计，流畅丰富的动画，各种高级的功能(相较于网页版)。
移动UI：运动风格具备什么特征，如何识别。
2401_82616673的博客
07-23 180
运动风格的UI设计会注重动态的交互设计，例如按钮点击时的反馈动画、菜单展开时的过渡效果等，使用户能够感受到界面的活力和生动性。运动风格的UI设计会模拟自然界的物理效果，例如弹簧效果、弹跳效果、惯性滚动等，使界面元素的运动更加贴近真实世界的物理规律。运动风格的UI设计通常会运用流畅的动画效果，例如过渡动画、元素的缓动效果等，以增强用户体验和吸引用户的注意力。运动风格的UI设计通常会运用渐变和阴影效果，以增加元素的立体感和深度感，使界面更加生动和具有层次感。
uniapp bug解决：uniapp文件查找失败:‘uview-ui‘ at main.js:14
肥晨开发的学习之路
07-19 687
文件中配置 easycom 组件模式，确保 uView 的组件可以在项目中被正确引用。欢迎关注我获取前端学习资源，日常分享技术变革，生存法则；行业内幕，洞察先机。标签中的首行位置引入 uView 的基础样式，确保给。文件中引入 uView 的 SCSS 主题文件。文件中引入并使用 uView 的 JS 库。改成具体文件路径即可。
Windows 电脑部署 ollama3 并安装模型
yuluo的博客
07-18 433
部署中为了尽可能减少对本地环境的污染，使用 Docker 安装！
vue 中 ui 组件二次封装后 ref 怎么穿透到子组件里
weixin_64684095的博客
07-20 328
情景：element-ui 二次封装了 el-table 组件，使用封装组件时，想要调用 el-table 组件内置的一些方法。只在封装组件上定义 ref 是拿不到 el-table 内置方法的。解决方法如下。
UE4/5 对话系统
hi
07-23 245
事件Dialog是我创建的接口,用来连接主角和此UI，至此UI逻辑就写完了。说来惭愧两年前看的教程，现在才记录一下，很好的教程推荐大家观看。4.再创建一个UI，这里不用特别固定按自己喜欢的格式来创建就行。3.再创建两个数据表格，选择剧本结构和角色信息。下面是在主角蓝图中写的简单方法来与NPC交互。1.首先创建两个枚举，内容如下。再到这个UI蓝图中写下以下代码。2.创建三个结构体，内容如下。
Android笔试面试题AI答之控件Views（1）
学无止境，止于至善
07-21 776
自定义View是Android开发中的一个重要概念，它允许开发者根据自己的需求创建独特的UI元素，以满足特定的设计和功能要求。在Android系统中，界面中所有能看到的元素都是View。Android为开发者提供了许多内置的View，如TextView用于显示文本，ImageView用于显示图片等。然而，当这些内置View无法满足开发者的特殊需求时，就需要通过自定义View来实现。
导航网站WP主题/WP黑格导航主题BlackCandy-简约酷黑色高逼格+焕然一新的UI设计
hmz856的博客
07-23 230
导航网站WP主题-WP黑格导航主题BlackCandy，它有着简约酷黑色高逼格，而且有焕然一新的UI设计。它是一个简约漂亮的 WordPress 自媒体主题。黑格网址导航主题，自适应电脑端和手机端。BlackCandy-V2.0这次全新升级了！首次推出了专题区（就是推荐分类啦），还能选更多自定义颜色呢！选个你喜欢的颜色，加上全新的UI设计，看起来更扁平、更现代了！
C#知识|账号管理系统：修改登录密码界面的UI设计
最新发布
做有价值的事，积累有价值的笔记！
07-23 479
哈喽，你好啊！我是雷工！本节记录添加修改登录密码界面的过程，以下为练习笔记。
C++ 设计模式（五）——状态模式
一个程序猿的工作知识深化日常
07-18 563
状态模式的浅析
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值