- 前言
- 【Unity 实用工具篇】 | UIEffect 实现一系列UGUI特效，灰度、负片、像素化特效
- 一、UGUI特效插件：UIEffect
- 1.1 介绍
- 1.2 效果展示
- 1.3 使用说明及下载
- 二、组件属性面板
- 三、代码操作组件
- 四、组件常用方法示例
- 4.1 使用灰度特效做头像(关卡)选择
- 总结
前言
- 在Unity中
UGUI的使用几乎是必不可少的，虽然也有NGUI、FGUI等可以使用，但使用UGUI的还是占多数。 - 而在使用UGUI的过程中，除了一些基础的UI交互页面及逻辑，学习一些UGUI特效的使用也是很有必要的。
- 接下来会分享一些UGUI中比较简单且实用的特效，供有需要的小伙伴学习使用。
【Unity 实用工具篇】 | UIEffect 实现一系列UGUI特效，灰度、负片、像素化特效
一、UGUI特效插件：UIEffect
1.1 介绍
该插件是在GitHub上一个大佬分享的，经测试之后发现效果很好，且十分轻量、简单易用，所以特此分享一下来学习使用。
该资源一共提供了多种类型的特效，下面将其分类成几个模块，方便按类型学习使用。
UIEffect为Unity UI提供视觉效果组件。
1.2 效果展示
1.3 使用说明及下载
GitHub下载地址：https://github.com/mob-sakai/UIEffect
CSDN下载地址：UIEffect
白嫖地址：VX搜我名字，回复【素材资源】
使用插件的方式有多种：
- 将下载好的UIEffect资源文件直接放到我们的项目Assets文件夹下即可。
- 可以通过Unity中的
Window -> Package Manager中导入，选择添加下载好的插件，或者使用URL直接添加都可以。
如果想查看资源的示例文件，那就添加UI Effect Demo即可。
二、组件属性面板
下面来介绍一下，UIEffect组件的属性面板。
| 属性 | 说明 |
|---|---|
| Effect Mode | 特效模式 |
| Grayscale | 灰度 |
| Sepia | 棕色 |
| Nege | 负片 |
| Pixel | 像素化 |
| Color Mode | 颜色模式 |
| Multiply | 相乘 |
| Fill | 填充 |
| Add | 叠加 |
| Subtract | 相减 |
| Blur Mode | 模糊模式 |
| Fast Blur | 快速模糊 |
| Medium Blur | 平衡模糊 |
| Detail Blur | 细节模糊 |
该组件有三个功能，分别是特效模式、颜色模式及模糊模式，三种类型的功能可以通过选择不同参数进行叠加使用。
三、代码操作组件
using Coffee.UIEffects;
using UnityEngine;public class UIEffectTest : MonoBehaviour
{public UIEffect uieffect;void Start(){//设置特效模式uieffect.effectMode = EffectMode.Grayscale;uieffect.effectFactor = 0.85f;//设置颜色模式uieffect.colorMode = ColorMode.Add;uieffect.colorFactor = 0.1f;//设置模糊模式uieffect.blurMode = BlurMode.FastBlur;uieffect.blurFactor = 1;}
}
四、组件常用方法示例
使用的方法很简单，在需要加特效的UI组件上添加UIEffect脚本，然后根据自己的需求控制上面说到的几种模式和参数即可完成配置。
4.1 使用灰度特效做头像(关卡)选择
在需要置灰的Image组件上添加UiEffect脚本，并将Effect Mode设置为Grayscale即可观察效果。
另外几种模式使用的方式都大同小异，三种类型的参数也可以叠加使用，看自己的需求即可。
总结
系列内容使用的Unity版本皆为 Unity 2020 及以上版本，组件的各项参数可能在不同版本之下略有不同，不过不会影响我们使用及教程的介绍，请放心食用(敏感肌也可以使用哦😁)！
🎬 博客主页：https://xiaoy.blog.csdn.net
🎥 本文由 呆呆敲代码的小Y 原创 🙉
🎄 学习专栏推荐：Unity系统学习专栏
🌲 游戏制作专栏推荐：游戏制作
🌲Unity实战100例专栏推荐：Unity 实战100例 教程
🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正！
📆 未来很长，值得我们全力奔赴更美好的生活✨
------------------❤️分割线❤️-------------------------
资料白嫖，技术互助
| 学习路线指引（点击解锁） | 知识定位 | 人群定位 |
|---|---|---|
| 🧡 Unity系统学习专栏 🧡 | 入门级 | 本专栏从Unity入门开始学习，快速达到Unity的入门水平 |
| 💛 Unity实战类项目 💛 | 进阶级 | 计划制作Unity的 100个实战案例！助你进入Unity世界，争取做最全的Unity原创博客大全。 |
| ❤️ 游戏制作专栏 ❤️ | 难度偏高 | 分享学习一些Unity成品的游戏Demo和其他语言的小游戏！ |
| 💚 游戏爱好者万人社区💚 | 互助/吹水 | 数万人游戏爱好者社区，聊天互助，白嫖奖品 |
| 💙 Unity100个实用技能💙 | Unity查漏补缺 | 针对一些Unity中经常用到的一些小知识和技能进行学习介绍，核心目的就是让我们能够快速学习Unity的知识以达到查漏补缺 |
