mob-sakai/UIEffect

这是什么？

核心功能

• 01色调、颜色、采样、过渡等滤镜可在任意 UI 元素上组合使用。
• 02无需编写 Shader 代码，直接在 Inspector 中调节效果。
• 03UIEffectTweener 无需 AnimationClip 即可对效果参数做动画。
• 04UIEffectReplica 可将同一套效果设置应用到多个元素。
• 05支持保存编辑器和运行时预设。
• 06可选集成 TextMeshPro、Timeline、ShaderGraph 和 SoftMaskForUGUI。

适用场景

• 对不可用或锁定的按钮应用灰度效果，直观表示状态。
• 为游戏中的面板和图标添加溶解、燃烧等过渡动画。
• 为菜单和 HUD 元素制作复古或像素化风格。
• 配合 Timeline 过场动画同步播放 UI 特效。

快速上手

1. 1

   通过 OpenUPM 安装该包（需要 openupm-cli）

   openupm add com.coffee.ui-effect
2. 2

   在 Inspector 中为 UI 元素添加 UIEffect 组件（Add Component 或 Component > UI > UIEffect）

3. 3

   将 Tone Filter 设为 Grayscale，Tone Intensity 设为 1.0 即可看到效果

使用前须知

• !需要 Unity 2020.3 或更高版本。
• !从 v4 升级存在破坏性变更；v5 不支持 UIShadow 和 UIGradient 组件。

收录于专题

标签

常见问题

UIEffect 是什么？

一款 Unity 包，可在 Inspector 或代码中为 UI 元素添加灰度、模糊、溶解等视觉效果。 UIEffect 是一款开源的 Unity 包，用于为 uGUI 元素添加基于 Shader 的视觉效果。效果参数直接在 Inspector 中配置，无需编写 Shader 代码。开发者可以组合色调、颜色、采样、过渡、渐变、边缘和阴影等滤镜，实现灰度、复古、模糊、像素化、溶解、融化、燃烧等效果。

UIEffect 可以免费使用吗？用的什么许可证？

UIEffect 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

UIEffect 还在维护吗？

活跃维护中。UIEffect 最近一次提交是在 2026年11月6日。

UIEffect 适合用来做什么？

对不可用或锁定的按钮应用灰度效果，直观表示状态。 为游戏中的面板和图标添加溶解、燃烧等过渡动画。 为菜单和 HUD 元素制作复古或像素化风格。 配合 Timeline 过场动画同步播放 UI 特效。

UIEffect 怎么安装和运行？

通过 OpenUPM 安装该包（需要 openupm-cli）: openupm add com.coffee.ui-effect 在 Inspector 中为 UI 元素添加 UIEffect 组件（Add Component 或 Component > UI > UIEffect） 将 Tone Filter 设为 Grayscale，Tone Intensity 设为 1.0 即可看到效果

在哪里获取 UIEffect？

源代码和安装说明在 GitHub 上：https://github.com/mob-sakai/UIEffect