- 前言
- 【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的知识以达到查漏补缺 |