Table of contents
1 Introduction
UIEffect-upm is a plugin in Unity for various UI effects. It provides many common UI effects, such as blur, stroke, shadow, glow, etc., which can easily add dynamics and attractiveness to UI elements. UIEffect-upm can be installed and managed through Unity's Package Manager. It is a convenient and easy-to-use tool that can help developers create excellent user interface effects for games or applications.
2. Script
| screenplay | Attributes | Effect |
|---|---|---|
| UI effect | Effect Mode-- Effect Mode: Grayscale, Sepia, Nega, Pixelation Color Mode-- Color Mode: Multiply, Fill, Additive, Subtract Blur Mode-- Blur Mode: Fast (fast), Medium (moderate), Detail (details) Advanced Blur-- Advanced Blur: |
|
| UIShiny | Add a glitter effect to the image . This effect does not require a Mask component or a normal map. Parameters: Effect factor, Width, Rotation, Softness, Brightness, Gloss |
|
| Dissolve UID | Applies a dissolve effect to an image . Edge Color Mode -- Color Mode for edge: Multiply, Fill, Additive, Subtract
Effect factor, Width, Rotation, Softness, Edge color
Effect area: effect area Keep effect aspect ratio: Effect aspect ratio |
|
| UIHsvModifier | Modifies the HSV of the graph. Target -- Target: Color (color), Range (range) Adjustment-- Adjustment: Hue (hue), Saturation (saturation), Value |
|
| UITransition Effect | Apply a transition effect using a single-channel texture . Effect Mode-- Effect Mode: Cutoff (cutoff), Fade (fade in and out), Dissolve (dissolve) Options -- Options: Effect area (area), Keep effect aspect ratio (aspect ratio), transition texture (transition texture)
Disables the graph's raycastTarget when hidden. |
|
in addition:
| screenplay | Attributes | Effect |
|---|---|---|
| UIShadow | Add shadow (shadow) / outline (outline) to graphics. Shadow style -- ShadowStyle: Shadow, Shadow3, Outline, Outline8 |
|
| UIGradient | Change vertex color to gradient with angle and offset. Direction -- Direction: Horizontal, Vertical, Angle, Diagonal Options -- Options: Offset(偏移), Color space(色彩空间) |
|
| UIFlip | 图形翻转. 方向 -- Direction: Horizontal(水平), Vertical(垂直), Both(双向) |
|
3. 在线观看Demo
4.安装要求
unity 2017.1 或更高版本、无需其他sdk
⚠️使用OpenUPM （适用于 unity 2018.3 或更高版本）
5.使用方法
在Hierarchy层级面板选中要添加效果的UI物体，然后在Inspector属性面板点击下方的Add Component按钮，输入ui ,就可以选择你想要使用的 图片效果脚本了。
或者在层级面板选择物体后，按下图操作
6.使用场景
| 示例 | 描述 | 效果 |
|---|---|---|
| 锁定/解锁 | 使用UIEffect脚本的灰度，表明内容是否可用 |
|
| 轮廓 | 使用 UIEffect 填充颜色. |
|
| 软阴影/外发光 | 使用 UIEffect 和 UIShadow 模糊阴影 |
|
| 彩色阴影 | 使用 UIEffect 和 UIShadow 用颜色去填充阴影 |
|
| 动态字体模糊 | 使用 UIEffect 模糊文本。 要干净的模糊动态字体，请启用高级模糊选项 |
|
| 带轮廓和阴影的文本 | 使用两个 UIShadow 添加轮廓和阴影。 与默认的组件相比，过度绘制较少。 |
|
| 闪光按钮 | 使用 UIShiny 实现按钮闪光。 |
|
| 画面转换 | 使用 UITransitionEffect 使用任何过度纹理来过渡屏幕. |
|
