【推荐100个unity插件之11】Shader实现UGUI的特效

您所在的位置：网站首页 › unity六边形流光 › 【推荐100个unity插件之11】Shader实现UGUI的特效

【推荐100个unity插件之11】Shader实现UGUI的特效

2024-07-10 12:39| 来源: 网络整理| 查看: 265

文章目录前言地址描述Demo 演示Installation 安装如何玩演示用法使用示例完结

前言

一般的shader无法直接使用在UI上，需要在shader中定义特定的面板参数，今天就来推荐github上大佬做的一套开源的一系列UGUI，Shader实现的特效——UIEffect 为 Unity UI 提供视觉效果组件。

地址

https://github.com/Ankh4396/UIEffect

描述

让我们用效果来装饰你的UI！您可以根据需要从脚本和检查器中控制参数。AnimationClip 是理所当然的！在这里插入图片描述可用效果

元件特征截屏UI效果结合一些视觉效果。效果模式：灰度、棕褐色、Nega、像素化。颜色模式：乘法、填充、加法、减法。模糊模式：快速、中等、细节。高级模糊：启用更漂亮的模糊。在这里插入图片描述

UIShiny将闪亮效果应用于图形。该效果不需要蒙版组件或法线贴图。参数：效果因子、宽度、旋转、柔和度、亮度、光泽度在这里插入图片描述

UIDissolve将溶解效果应用于图形。边缘颜色模式：乘法、填充、加法、减法参数：效果因子、宽度、旋转、柔和度、边缘颜色选项：效果区域、保持效果纵横比在这里插入图片描述

UIHsvModifier修改图形的 HSV。目标：颜色、范围调整：色相、饱和度、值在这里插入图片描述

UITransition Effect使用单通道纹理应用过渡效果。效果模式：截止、淡入淡出、溶解选项：效果区域、保持效果纵横比、过渡纹理选项：效果区域、保持效果纵横比、过渡纹理Pass Ray On Hidden：禁用图形的 raycastTarget on hidden。在这里插入图片描述

以下效果可以与上述组件一起使用。

元件特征截屏UIShadow为图形添加阴影/轮廓。性能优于默认的阴影/轮廓组件。ShadowStyle：阴影、阴影 3、轮廓、轮廓 8 在这里插入图片描述

UIGradient将顶点颜色更改为带有角度和偏移量的渐变。方向：水平、垂直、角度、对角线选项：偏移、色彩空间在这里插入图片描述

UIFlip翻转图形。方向：水平、垂直、两者在这里插入图片描述

Demo 演示

WebGL Demo WebGL 演示

Installation 安装

要求

Unity 2017.1 或更高版本不需要其他 SDK 如何玩演示

对于 Unity 2019.1 或更高版本打开 Package Manager 窗口，在包列表中选择 UI Effect 包，然后单击 Demo > Import in project 按钮

对于 Unity 2018.4 或更早版本从菜单中点击 Assets/Samples/UIEffect/Import Demo 这些资源将被导入到 Assets/Samples/UI Effect/{version}/Demo . 打开

用法

1.从 Add Component 检查器或 Component > UI > UIEffect > … 菜单中向 UI 元素（Image、RawImage、Text 等）添加任何效果组件。在这里插入图片描述 2.在检查器中根据需要调整效果的参数。 3.您可以从脚本中添加或修改效果。

var uieffect = gameObject.AddComponent(); uieffect.effectMode = EffectMode.Grayscale; uieffect.effectFactor = 0.85f; uieffect.colorMode = ColorMode.Add; uieffect.effectColor = Color.white; uieffect.colorFactor = 0.1f; uieffect.blurMode = BlurMode.FastBlur; uieffect.blurFactor = 1;

在这里插入图片描述